Position of the "Add to cart" button

This topic has 3 replies, 2 voices, and was last updated 2 years, 11 months ago ago by Olga Barlow

  • Avatar: iconet
    March 12, 2021 at 11:08

    I need to move the “Add to cart” button immediately below the price. I also need to change the colour of this button.
    What can I do?
    Thank you for any assistance you can give me!

    2 Answers
    Avatar: iconet
    March 12, 2021 at 16:30

    This is an example screenshot

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 13, 2021 at 10:55


    There is no option to change the position of the add to cart in our theme but you may try WooCommerce hooks to change it if you have some PHP skills https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

    Add the below CSS to Theme Options > Custom CSS to change the color

    .single-product-page .product-info .single_add_to_cart_button {
        background-color: #c35d47;
        color: #404040;
    .single-product-page .product-info .single_add_to_cart_button:hover {
        background-color: #404040;
        color: #ffffff !important;


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

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

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