Return to previous page

Add to cart button colour - by reijopuhm

This topic has 4 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Eva Kemp

  • Avatar: reijopuhm
    reijopuhm
    Participant
    February 10, 2016 at 09:38

    Hello, how can i change add-to-cart button colour? What should i add to custom CSS code line, also if i want to change hover colour?
    2) What code goes for a random button like here: http://www.upload.ee/image/5554489/Button.png

    #112397 Copied
    3 Answers
    Avatar: stan
    Stan Russell
    Participant
    February 10, 2016 at 10:54

    Hello,

    please use following css code:

    .btn.medium.slid-btn{
background-color:green
}
.btn.medium.slid-btn:hover{
background-color:red
}

    Regards,
    Stan Russell.

    #112414 Copied
    Avatar: reijopuhm
    reijopuhm
    Participant
    February 10, 2016 at 11:27

    Thanks a lot it worked! But how can I change product “add to cart” button colour?

    #112420 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    February 10, 2016 at 12:46

    Hello,

    Please use this css code:

    .btn.product_type_simple {
   background-color: blue;
}

    Write color value you need.

    Regards,
    Eva Kemp.

    #112443 Copied
  • Viewing 4 results - 1 through 4 (of 4 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
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Books 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.