"Center the add to cart botton" (#1556446) / Laborator Support

Comments

1
HealthyHead started the conversation
April 27, 2018 at 11:03am
Hi!

I'm about to center the whole single product page. But i can't

find the place in css/php, where i can center the "add to cart" button as well.

Can you help me?

Of course quantity and add to cart should still be on same line.

Best, Mikelis

See the page here

[deleted] replied

April 29, 2018 at 8:02am

Hi HealthyHead,

Please consider pasting the code below in Custom CSS Area, please consider reading the article we wrote about How to Add Custom CSS.

.woocommerce .product .item-info form{ text-align: center !important; margin-top: 20px !important;}
.woocommerce .item-info form.cart .button,
.woocommerce .item-info form.cart .quantity { float: none !important; display:inline-block !important;}

Thank you.

1 Like