[Resolved] Fix image to right hand edge of webpage

[Ben]

Hi,

I’m trying to fix an image on the right hand edge of a web page so it “bleeds off” and is “locked”. I guess this would require overwriting the container settings for the site as a whole, but I don’t know CSS well enough on how to do this.

The page is https://staging3.enrola.co.uk/

Can you help please?

[Ben]

Never mind – I’ve fixed it in image settings. However, I’m now getting a small margin at the bottom of the image to the next section (about 10px).

It’s the first image on the page.

[Leo]

Hi there,

Try this CSS:

.gb-inside-container .wp-block-image {
    margin-bottom: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Ben]

That’s absolutely perfect – thanks Leo!

[Leo]

No problem 🙂

[Author]

Posts