Some CSS parts are not active in preview mode

App Building
1

Hello!

I'm trying to add a hover effect to an icon in my app.
This is not possible with Retool's app settings, so I used CSS for this.
When I'm in edit mode I can see the hover effect. But when I click preview, the hover effect is no longer active.

Some CSS effects show up in preview mode, others don't.
Is there a reason for this and how can I avoid it?

Thanks in advance!

image
image1790×1048 190 KB

2

Hi @Diamond, if you are using the inspector to grab the correct selector for the element, definitely use the selector you get on Preview mode. This is how the DOM will look for your end users. There are more elements on Editor mode, the selector may be a different one there.

3

It worked, thank you so much!

4

you are welcome! :slightly_smiling_face: