Streaming live at 10am (PST)

Image Hover Effect - Problems with absolute positioning


#1

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.


#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.