[Support request] I want a Container with Wider Width than Contained Page Width

[Nick]

Hello GP Team,

I have been creating destinations page like this one here: https://goatsontheroadcom.bigscoots-staging.com/indonesia-travel-guide/

My developer has created a “Page Template” that has 900px wide width, which is what I want for most of the page. However, under “Recent Indonesia Blog Posts” I have a query loop that’s using the same design style as my archive pages to display recent posts.

My Archive Page Example: https://goatsontheroadcom.bigscoots-staging.com/category/blogs/southern-asia/indonesia-southeast-asia-2/

As you can see, the archive design looks better and less squished because the contained width of that page is 1200px instead of 900px.

Is it possible to expand this one container that includes the recent posts query loop to 1200px wide even though the rest of the page template has a contained width of 900px wide? Can this be done while still preserving the look on mobile and tablet?

I have to build over 100 of these pages so your help is appreciated.

[Ying]

Hi Nick,

You can wrap the query loop block with a container block, then we can use some CSS to make it work.

[Author]

Posts