[Support request] Full-Width Images Within Posts

[Michael]

Hi,

I’m using GeneratePress Premium to re-build an older site. The proposed re-design includes images within blog posts that fill the entire width of the viewport. The text portion of each post would be narrower, around 1,000 pixels on a desktop display. Does GP provide any out-of-box functionality to run the images full width within posts? Or is that just a matter of custom CSS? Any thoughts on how to do this would be appreciated. Thanks!

[Leo]

Hi there,

Does GP provide any out-of-box functionality to run the images full width within posts?

Unfortunately not.

The easiest and the best way to do this is to create a layout element to set the single post content container to full width:
https://docs.generatepress.com/article/layout-element-overview/#content-1
https://docs.generatepress.com/article/content-container/#full-width

Then use the Container blocks from GP to build the post content:
https://docs.generateblocks.com/article/container-overview/
https://docs.generateblocks.com/article/container-overview/#layout-%E2%80%93-standalone-block

Hope this helps 🙂

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

[Author]

Posts