Return to previous page

Position of the "Add to cart" button

This topic has 3 replies, 2 voices, and was last updated 3 years, 1 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Industrial Power Tools Store – WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress 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.