Streaming live at 10am (PST)

Image Hover Effect - Problems with absolute positioning


I am currently rebuilding my old website in Webflow - which was built originally from an HTML template.

Here is my public share link:

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.



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.