Change The Color Of A Button's Hover State - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer
Back to the questions

Change The Color Of A Button's Hover State

CH

Charley Hankins

SP Page Builder 4 years ago

I have created a page with a button. The color of my button is correct. But, the hover effect is blue and I want to change it. What is the code I need to put in my custom css to change the hover color?

The button is visible on the following page:

https://www.southark.edu/academics/health-science/occupational-therapy-assistant

Thanks, Charley

0
Website
http://www.southark.edu
3 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #14920

Hi there!

Thanks for your query.

If you chose "Custom" as button style, then you will have all these hover related options within your editor to choose.

Here are screenshots for your ease:

https://prnt.sc/11t7h7a

https://prnt.sc/11t7iuh

Or, you can use custom CSS instead. Here is sample code:

.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: black;
    background-color: cadetblue;
}

You can change colors as your need.

Hope this helps!

Best Regards

0
CH
Charley Hankins
Accepted Answer
4 years ago #14924

Works perfect.y! Thanks, CH

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #14932

You are always welcome!

You may close the post I think:)

Best Regards

0