Image, Hover, and pressed states work (show up) on designer but don't show up on preview

Design help General
1

Hello, I have three images: Thumbs UP (outline greyed out, outline with color, and color filled) for regular, hover and pressed.

I made them work on designer but these dont show up on preview…no idea why… ?

My workflow:

Div > add background image
Select same Div > hover state > replace image.

repeat for pressed.

Again… it works well on designer just not showing up on preview.

Any help is appreciated.

2

Hi @Andres_DV, thanks for your post. If you could share the read-only link to the site, we can take a look :smile:

More information about read-only links:

Learn web design with free video courses and tutorials | Webflow University

3

Thanks dave, here it is.

https://webflow.com/design/packsee?preview=0ff0391741b86bd651629e358beb9fa2

4

@Andres_DV, Your div that contains the images needs a height attribute (75px). Since your images are set as backgrounds for the div, the div doesn’t have any content to measure (to prop it open). Auto is causing it to collapse (zero height) in preview or when published making your content dissapear.

2 Likes
5

Awesome…That did it. thanks so much!

2 Likes