Background Color on Mouse Hover Problem

Hi there! Thanks for any help.

I have a modal that pops up. It dynamically displays a list of addresses.
I’d like to have the background color of each row change when the mouse hovers over it.

I’ve given it a class.
I went into the “Design” panel and added the class.
I selected hover.
I changed the background color.

But, nothing happens.

What am I doing wrong? :crazy_face: Anyone?
Thanks!!!
Jeff

Hi Jeff, looks to me like it should work.

Perhaps try adding table-hover to your table class? Also, make sure you clear your browser cache if you haven’t already.

Do you have a live link we can see?

2 Likes

Sure, Brad, I sent you a private message with a live link.

Restarting the browser solved it.
/smh Sometimes it’s the little things…

THANK YOU!

1 Like

Yep, looks like it’s working to me. :wink:

1 Like

Screen Shot 2020-09-12 at 12.52.37 PM

When developing, I find it extremely helpful to disable to cache…just get in the habit of having devtools open, and the cache disabled.

2 Likes

Brilliant!

That’s much better than spending an hour trying to figure out why your perfect code isn’t working… then you realize the cache was on.

Kind of a strange thing… it stopped working after I changed the colors.

So, I checked the style.css in my local folder (where Wappler saves it) and compared it to style.css on my actual site. And, they were different. Even after multiple saves.

Is that a Wappler error or do I need to do something special to ensure my style.css gets uploaded?

Have you tried publishing everything again?

Yes, a complete “publish” does push the style.css up there.
Is it normal to do a full publish before styles go up?