[Resolved] Section Question: How To Increase the size of the image area?

[Robin]

I have a section with a full width image at the top of my page here https://www.eatweeds.co.uk/

I can’t work out how to move the image so the correct part of it shows?

Also I can’t work out how to make the image height bigger so more of the image shows?

Thanks in advance for any help.

Robin

[Leo]

Hi Robin,

You can position the background image with this CSS:

#generate-section-1.generate-sections-container {
    background-position: center center;
}

However, I always find it easier to crop the image before uploading so background image position can be tricky to deal with sometimes.

As for the height, it’s determined by the top and bottom padding:
https://docs.generatepress.com/article/sections-overview/#layout

Let me know if this helps.

[Robin]

That’s great Leo. Many thanks for your help. Appreciated.

Robin

[Leo]

No problem 🙂

[Author]

Posts