How to change hover color of buttons?

  • Resolved boppar

    (@boppar)


    2 years, 11 months ago

    In customize I can choose button color. I found no option of changing the button hover color. Does this needs to be done with adding CSS?

    Now I use a green button that becomes darker green when hovering, I want the hover color to a lighter green.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi @boppar

    Thank you for reaching out!

    To change the button hover color, you can try using the below Custom CSS:

    /* Change button color when hovering | 4964582 - ZD | NS */
a:hover.wp-block-button__link {
    background-color: #7cd222 !important;
}

    To implement the above Custom CSS, kindly navigate to WP Admin > Appearance > Customize > Additional CSS > and add the Custom CSS.

    Let us know if this works for you.

    Thread Starter boppar

    (@boppar)

    Hello @nawaz0705

    Thanks a lot! It worked perfectly.

    Hi @boppar!

    Thank you for keeping us in the loop and we are glad the issue is now resolved ??

    In case something else pops up, please feel free to open a new thread!

    Hi I’m also using Storefront and tried adding this CSS to my site but it doesn’t seem to work for me. Is it possible that this code is being overwritten by another plugin or setting? I can’t seem to find where that might be.

    The site is: shopcarolina.org

    Any help would be appreciated,
    Chris

    Never mind- I realized that this CSS is for people using Gutenberg Blocks. The selector for Classic Editor seems to be:

    a:hover.button {

    Is there a standard global rule or setting for button hover on WordPress? Several of my plugins (Save For Later, Gift Cards, etc) are using the global rule for buttons and still default to what looks like a 10% or 20% darken-on-hover effect instead of adopting the hex colors from my new Additional CSS.

    Thanks for your time,
    Chris

    Hello,

    Is there a standard global rule or setting for button hover on WordPress? Several of my plugins (Save For Later, Gift Cards, etc.) are using the global rule for buttons and still default to what looks like a 10% or 20% darken-on-hover effect instead of adopting the hex colors from my new Additional CSS.

    For better assistance, please create your own thread for your question at – https://www.ads-software.com/support/theme/storefront/#new-topic-0.

    We want to make sure that every user’s issues receive their own thread with proper attention.

    * Frequently Asked Questions.

    We’ll be glad to help you further on the new thread, thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change hover color of buttons?’ is closed to new replies.