Return to previous page

Need css code to change Woo button colors

This topic has 6 replies, 3 voices, and was last updated 4 years, 11 months ago ago by Rose Tyler

  • Avatar: darryls
    darryls
    Participant
    December 17, 2019 at 02:53

    Hi there-

    I’ve been struggling to find a snippet of css to change the static button color to green, hover color to grey. If you could help me out that would be awesome!

    Thanks!
    Mari

    #226945 Copied Theme version: 6.1 WooCommerce version: 3.8.1
    5 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 17, 2019 at 07:19

    Hello,

    Do you want to change color for all type of buttons (bordered and dark) or just for any of them.

    Regards

    #226951 Copied
    Avatar: darryls
    darryls
    Participant
    December 17, 2019 at 19:58

    I would like to make all buttons the same color.

    Thanks!

    #227005 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 18, 2019 at 08:57

    Hello,

    .btn, .button {
    background-color: #35ad4f !important;
    color: white !important;
    border: 1px solid #35ad4f !important;
}
.btn:hover, .button:hover, .btn.filled:hover {
    color: grey !important;
    background-color: white !important;
    border: 1px solid gray !important;
}

    Regards

    #227025 Copied
    Avatar: darryls
    darryls
    Participant
    December 19, 2019 at 19:42

    That worked!

    Thanks and happy holidays!

    #227184 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 20, 2019 at 08:25

    Hello,

    You’re welcome. Happy Holidays to you too!

    Regards

    #227213 Copied
  • Viewing 6 results - 1 through 6 (of 6 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
Restaurant – WordPress Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Industrial Power Tools 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.