Streaming live at 10am (PST)

How to show image off canvas


#1

Hello,
I have a div with 2 columns. In one column there’s a text, in another there’s an image. I want to have 2 different layouts (image on left and image on right) to have better visual contrasts between these divs.

See sample: https://www.dropbox.com/s/0c98qlqgzx2cwvk/Screenshot%202017-09-20%2013.38.15.png?dl=0

My problem is when I resize the window, the image on the right gets resized as well. But this is not something I want. I want to have part of the image off the canvas as you can see in the first example where the image is on the left. I tried almost everything and I don’t know how to setup it in Webflow…

Can you share any advice?

Thanks!

Mike


#2

Hi @agilek,

I would suggest using position:relative for the parent element of the image, and position:absolute for the image itself. Then, you can place the image where you would like.

The tutorial at Webflow’s University provides some great insight: https://university.webflow.com/article/absolute-position

Hopefully this helps :blush:

Best regards,
Micah


#3

Thanks! I will look at it.


#4

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