Buggy hover states

Hi does anybody know how I can use hover states that don’t overlay my copy?

I have based this design on thumbnail images with copy overlaid to explain a little about each project. I can’t seem to get the copy to stay above the rollover state. It seems to fade back and sit behind the blue hover block.

Check it out as its kinda difficult to explain…

https://preview.webflow.com/preview/studiolondon?utm_medium=preview_link&utm_source=dashboard&utm_content=studiolondon&preview=32e76af53ded443557fa03f17cfd2ac6&mode=preview

Cheers


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey James I can’t reach your webpage, studoldondon.partners

I think you meant to share studiolondon.partners with the community :+1:

Really nice website by the way and strong typography!! I would like to add the main banner can be more transparent because White is such a strong color - and it would be more consistent with the other background images further down the page :wink:

Ah thanks for the heads up…I’ve amended the url to read correct now. Thanks for the compliment. Webflow is perfect for us to create the company website. Love it!

1 Like

So im fairly new to Webflow, I made a dummy portfolio for fun so far but looking to learn a lot more.

For your question earlier were you looking to have text appear at the 4 product/tool images, when you hover over them alongside the blue tint?

Hey how are you?

I’m looking to have the text appear above the blue hover, not underneath.