I have searched for a day and maybe I’m looking in the wrong place but I don’t see a way to change the hover or background color of a button. I have a “hero-btn” class and while I can change the color of the button, the :hover and :background properties do not seem accessible. When I edit the class on the rules page, it shows me background color but it’s not editable and if I make it “important” it’s the same color as the button so there is no effect. It can’t be this hard. What am I missing?
if anyone is searching, I was able to get the effect I wanted by adding this to style.css in the code editor panel. Don’t understand why these properties are not exposed in the button editor formatting panels:
.hero-btn {
background-color:transparent;
}
.hero-btn:hover {
background-color:#808080;
box-shadow: 0 0 0 4px #932092;
transition: 0.5s;
}
Change the state in the top right, from Normal to Hover in the classes.
1 Like
Can we not tell anyone that I missed that? I will say that I tried to search the docs and the forum and it wasn’t evident. Perhaps because it’s so obvious…
2 Likes