[Resolved] Unable to make image full width

[Ash]

Hi there, I’m trying to customize a page and make the hero image full width but I’m not able to do so for this specific page only. Any advice on how to make the image full width would be appreciated. Thank you!

[David]

Hi there,

there are 2 good options here:

Option 1. Use a Block Element – Page Hero to add a full width dynamic hero:

https://docs.generatepress.com/article/block-element-page-hero/

Option 2. Set the entire page to Full Width using the Content Container Meta box:

https://docs.generatepress.com/article/content-container/

Then use the GB Container Block to create full width or contained sections.

[Ash]

Hi David,

Thanks for the input. I actually created a Loop template for that particular page and added the hero image in that element itself. Is it possible to rectify this issue by editing the Loop template or do I have to create another page hero element?

[Fernando]

Hi Ash,

Is this Page Full Width? If not, I would suggest adding the Page Hero through a Block Element as suggested by David in option 1.

This is more future-proof in case you want to apply changes spacing-wise.

You can open two tabs. One for the Loop Element you have now, and another for a new Page Hero Block Element. Then, copy and paste the Container Block holding the Page Hero Blocks.

This should set it to full width by default.

[Ash]

I did as you suggested and it works great. Thank you guys!

[Fernando]

You’re welcome, Ash!

[Author]

Posts