Streaming live at 10am (PST)

Image Hover Effect - Problems with absolute positioning

Hi,

I am currently rebuilding my old website in Webflow - http://arobasecreative.co.uk/index.html which was built originally from an HTML template.

Here is my public share link: http://arobase-creative.webflow.io/


I am working on the Image gallery section on the homepage which I am now using to layer up text and images for a hover interaction. I have got this bit working to a point.

My issues is that I am trying to replicate the white margins but when I use the padding settings, everything that is ‘absolutely positioned’ appears outside of the ‘box’ - see attached image.

I have also included a screenshot of how this is setup in the navigator. All feedback welcome.

08

Thanks.

Everything looks good to me. Did you figure it out? Sweet looking site by the way!

Hi Dave,

I did in the end. A fair bit of trial and error but I learned the hard way. Thanks for your reply!

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.