Centering Add To Cart Fancy 6 Button

[Timothy]

How do I center the add to cart button at the bottom of a page? For instance: [http://fairytalesforchildren.com/blowing-bubbles-in-the-wind/]

I have 50 more purchase pages like this one too!

Thank you!

[wpCommerce]

Hi, What shortcode are you using on that page to show the add to cart button?

[Timothy]

[wp_eStore_category_products_fancy id=6 style=4 order=1 type=1]

[wpCommerce]

Hi, It’s not the same fancy style that I saw yesterday. Do you want to align the button for the one you are currently using?

[Timothy]

Sorry, I was experimenting with some alternatives.

This is the code I’d like to center: [wp_eStore_fancy6 id=50] as shown at

[http://fairytalesforchildren.com/worry-mort/]

Thank you!

[Peter]

Hi,

The following code should center your button. Just paste it into the custom CSS file of the eStore plugin (wp_eStore_custom_style.css):

.eStore_add_to_cart_button{

float: none !important;

display: block !important;

width: 100px  !important;

}



.eStore_fancy6 input {

margin: auto !important;

}

[Timothy]

Thank you!

[Jennifer Segerius]

Hi,

Would you be kind enough to give me the centering code for the following:

[wp_eStore_buy_now_button id=1]

Thank you!

[admin]

Hi Jennifer, Grab this plugin:

https://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

Use the following CSS code in there:

.eStore_pp_buy_now_wrapper{

text-align: center;

}

The following post should be helpful too:

https://support.tipsandtricks-hq.com/forums/topic/center-simply-add-to-cart-button

[Author]

Posts