Help with images in the hero section (layout 487)

At a glance

A community member is seeking help with an issue they are having with images in the hero section of their website layout. The community members discuss that the issue may not be a z-index problem, but rather an issue with the image assets. One community member suggests that the second image has a "transparent" area, causing the first image to be visible. The community members provide suggestions on how to address the issue, such as adding a background color to the second image or modifying the existing interactions to make the first image fade out.

Useful resources

JJan and Susan

Help? What am I doing wrong with these images in the hero section (layout 487)? https://preview.webflow.com/preview/jan-susans-dapper-site-4ddfa2?utm_medium=preview_l[…]2&preview=504459d19d7d0a7c258c63e094099dd5&workflow=preview

5 comments

JJan and Susan

I think you've helped me with this before (z-index)????

JJoey van Zwieten

What's your goal ? How should it look?

MMatt Johnson

I don't think its a z-index issue. I think that its just an image asset issue. This component doesn't actually fade in/out the first image - so the images just layer on top of each other. So you could create the second image to have a background color to it - which would be the easiest approach. Or you can modify the existing interactions to have image 1 fade out.

JJan and Susan

Oh I see thanks — the second image has a "transparent" place and therefore the first one is "visible"

JJan and Susan

thank you!

Add a reply

Community forum for knowledge and support

Help with images in the hero section (layout 487)