Archived topic

Larger Header Image in Abstract Theme

7 replies · Started by Richard on July 19, 2020

Viewing posts 1–8 of 8

July 19, 2020 at 3:16 am #1368445

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

July 19, 2020 at 5:08 am #1368530

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.

July 19, 2020 at 8:37 am #1368796

Thanks David,

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

Any suggestions?

July 19, 2020 at 10:53 am #1368913

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?

July 20, 2020 at 2:02 am #1369348

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

July 20, 2020 at 3:47 am #1369428

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.

July 20, 2020 at 4:33 am #1369463

Perfect!

Thanks very much,
Richard

July 20, 2020 at 4:52 am #1369474

You're welcome

This archived topic is closed to new replies.

Start building better websites today.