Change hover color of one specific button

Illdy
1

Hello,
I’ve customized the colors on my website and things are looking great, except I can’t figure out how to change the hover color of the button (that says Read More) in the customized ‘Who We Are’ section on the home page. It currently goes from yellow to purple, but every other button on my site turns blue #3299BB upon hover.
Please advise.
Thanks so much!

www.myfurrysidekick.com

2

hey there
Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

#illdy_home_parallax-9 .top-parallax-section h1 {
    color: rebeccapurple;
}

Thanks!
Colorlib Support Team

3

Hi there,
Thank you for your response, however the code is not correct for what I am trying to accomplish (it turns the WHO WE ARE writing purple, instead of changing the hover color of the button that says ‘Read More’ from purple to blue #3299BB).
Is there another bit of code that I can try?
Thank you for your help, it’s much appreciated!

4

Hello there,

I hope you are doing well today.

Please try using this CSS to change the button color:


/*Hover button color*/
#comments #respond .comment-form #input-submit:hover, input[type=submit]:hover, #latest-news .latest-news-button:hover, #contact-us .section-content .wpcf7-form p .wpcf7-submit:hover, #header .bottom-header .header-button-two:hover, #blog .blog-post .blog-post-button:hover, a.button:hover {
    background-color: #3299BB;
}

Best Regards,
Support

5

That works! Thank you so much :slight_smile:

6

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support