[Support request] Larger Header Image in Abstract Theme

[Richard]

Hi There,

I’m trying to improve the header images on my site.

I tried making it the featured image, but this didn’t look very good.

I really like the way the default setup works with the text overlapping the image (as per my attached URL).

Is it possible to make this image larger?

I’ve tried a larger image, increasing the “contained width” and played around with Make page full width, but without success.

Thanks,
Richard

[David]

Hi there,

the Image is added to as the Background of the container Block. You can use Padding or Min height to increase the size of the Contain Block – in turn the Image will increase in size.

[Richard]

Thanks David,

But no matter what I do the images stays at 1200 X 800.

Any suggestions?

[Leo]

David’s suggestion should really work.

I’m seeing the current padding setting at 120px 20px:
https://www.screencast.com/t/BizeCkb7pE

The image is bigger when I increase it to 200px 20px:
https://www.screencast.com/t/e331xi8qiOu

Can you give that a shot first?

[Richard]

Thanks Leo,

I have played around with this but without sucess.

I’ve just noticed that I’m messing around with the homepage which appears to be different to the Why-us page.

No matter what I do, the image size remains the same?

https://new.rife.agency/

Thanks very much,
Richard

[David]

To make it wider then 1200px you would need to create a Full Width Page:

https://docs.generatepress.com/article/page-builder-container/

This will allow you to change the Width of the Container Block.

[Richard]

Perfect!

Thanks very much,
Richard

[David]

You’re welcome

[Author]

Posts