Hover color is not applied

I Need Help
1

Hi there,

I’ve created a classic btn with yellow background.

Added a custom class (only one), selected “hover” state and changed the background color to red (for testing purpose).

When testing, nothing changes.
I’ve also tested changing text size, it’s working.

It’s only the background color that I can’t get.

Using Blocs 4.0.4

Thanks
Philippe

2

Hi @philippe,

Make sure you don’t have the a color set in the sidebar, as it will override the color you will set in your class.

Cheers,
Eldar

3

Hi @Eldar, that’s interesting. Does that apply throughout? Whatever happens in the sidebar overrides the class you have made?
Maybe that’s why I’ve been getting frustrated from time to time!

4

Hi @TrevReav,

I will have to check later to say for sure, but as I remember, when you set the color for a button via sidebar, it will override your hover color set via custom class, UNLESS you set both normal and hover states via custom class. That’s how I remember it was, but once again, I will have to check when I get to my Mac.

2 Likes
5

Care to take at look at this one too? Understanding text styling priorities

6

Thanks @Eldar, no need to put yourself to any trouble - I can check that out myself. I was just wondering if it was a general rule that you knew about.

7

Thanks, I’ll try to recheck.

Delete this button, create a new one, and try to only apply CSS rules with a custom class.