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

  • Avatar: Catholicans
    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

    3 Answers
    Avatar: Tony Rodriguez
    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

    Avatar: Catholicans
    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

    Avatar: Tony Rodriguez
    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

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.