Image Hover Effect - Problems with absolute positioning

Design help Animations & Interactions
1

Hi,

I am currently rebuilding my old website in Webflow - Arobase Creative | Branding & Web Design Bristol 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.

52
521642×1182 464 KB

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

08

Thanks.

2

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

3

Hi Dave,

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

4

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