Streaming live at 10am (PST)

How do I center an image?


#1

I add a heading to a new page and then an image under that. But that image doesn’t center. How do I do that? I try this with the pages / links you see in every block

https://preview.webflow.com/preview/iaas?preview=ee47be48e7dcfb81007a3386d9feb2a8


#2

So, if I understand you correctly you want to center the icon in each of the boxes? I had a look at your site and I’d simply change the flex setting of each box to vertical… you’d of course still have to fix the text underneath by removing the negative right margin, so it doesn’t flow outside of the box! Let me know if this has helped!


#3

No, i mean this: have a look to the page when you click on the link in the box. On the next page there’s an image that i would like to center. Thanx!


#4

Sorry, I must have misunderstood you there. Anyway, I had another look at your site… if you select the div your image is located in, you’ll see that you’ve got a negative margin of 128px attached to it. If you remove it, your image will center inside the div! Let me know if this worked for you!


#5

The thing is, i did that because it wasn’t centered :wink: That way it came close :wink: I set everything to 0 now and i don’t see it centered. Is there something else I do wrong?


#6

Hmm, for me, removing the negative margin works perfectly well. Don’t really think you’d have to do anything else other than this…


#7

Hey Erwin,

Here a short video of centering your image. https://www.useloom.com/share/5ae98886bf29431f99ec2a421c5cc91f

Gr Argogiant


#8

Ah, I was looking at the positioning of the image, not of its container, found it. Thanks!


#9

Ah, I was looking wrong. Found it now!


#10

Fantastic! All fixed now?