Return to previous page

Change color add to cart button - by gewoonbovenaan

This topic has 2 replies, 2 voices, and was last updated 7 years, 4 months ago ago by Rose Tyler

  • Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    August 21, 2017 at 10:37

    would like to change the color of the button https://gyazo.com/3b81956554b5ad72d1dae276b7bc16cb
    i have tried it with this in custom CSS but didnt work

    .product-content .single_add_to_cart_button{
    background-color: #ca3110;
    border-color: #ca3110;
    }
    .product-content .single_add_to_cart_button:hover{
    background-color: #9e2c13 !important;
    border-color: #9e2c13 !important;
    }
    thanks

    #170478 Copied
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 21, 2017 at 16:11

    Hello,

    Please try to add this code in Theme Options > Styling > Custom css:

    .content-product .button {
    background-color: #ca3110;
    border-color: #ca3110;
}

    Regards

    #170524 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Minimal Electronics – 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.