Return to previous page

How can I center align the ‘Add to Cart’ button for each product?

This topic has 4 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Tony Rodriguez

Catholicans

Participant

April 26, 2023 at 08:16

How can I center align the ‘Add to Cart’ button for each product?

I want change this https://snipboard.io/n7Em8g.jpg like https://snipboard.io/VgF5ED.jpg

#354526 Copied Theme version: 0.0.1 WooCommerce version: Version 7.5.1

3 Answers
Tony Rodriguez

Support staff

April 26, 2023 at 08:49
Hello, Catholicans,

We kindly request that you copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS in order to center align the ‘Add to Cart’ button for related products on single product page. After doing so, please clear your browser cache and check back to your site.

The CSS code is as follows:
```
.single-product .quantity-wrapper a.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
    left: 30% !important;
}
```
We hope this will solve your issue.

Best Regards,
8Theme’s Team
#354537 Copied
Catholicans

Participant

April 26, 2023 at 10:00

Screenshot : https://snipboard.io/7W4i1g.jpg
I want the above add to cart button exact same in https://snipboard.io/VgF5ED.jpg

#354549 Copied
Tony Rodriguez

Support staff

April 26, 2023 at 10:19
Hello, Catholicans,

We are pleased to inform you that your issue has been resolved. To ensure that the changes take effect, please clear your browser cache and then check back to your site. We have added the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS:
```
.single-product .quantity-wrapper a.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    padding: 10px 25px 10px 25px  !important;
    left: 30% !important;
}
```
For further reference, please refer to the image provided at the following link: https://postimg.cc/tZGPrnjH and https://postimg.cc/KkCWpNY8

We thank you for your patience and understanding.

Best Regards,
8Theme’s Team
#354553 Copied
Tagged: add to cart, best selling themes, button, center align, persuasive, woocommerce
Viewing 4 results - 1 through 4 (of 4 total)