Return to previous page

Position of the "Add to cart" button

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

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

    Hello!
    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!
    Antonio

    #279007 Copied Theme version: 4.3.2 WooCommerce version: 5.1.0
    2 Answers
    Avatar: iconet
    iconet
    Participant
    March 12, 2021 at 16:30

    This is an example screenshot
    https://prntscr.com/10jrxe4

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

    Hello,

    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;
}

    Regards

    #279149 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme

See All Templates

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