[Resolved] Full width but content contained

[Michele]

I’m using Generate Press Premium along with Elementor Pro. My goal is to allow pages to be full width, but contain the content. In the linked example, I have added full width sections with a background color but the text content inside is contained.

Using the Customizer, I am able to choose appropriate width settings for Header and Primary Nav and the Page Builder Container seems to work as intended for the main content area. However, I don’t see a way to control the page title and breadcrumbs in the theme. I’d like them to align with the rest of the content (i.e. content contained.) What’s the best way to do this?

https://www.dropbox.com/s/q5ftp7ebdfolnb6/full-where.png?dl=0

https://www.dropbox.com/s/nsbdg56rd6x1om1/full-contain.png?dl=0

Note: images are from a local test instance

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

you can wrap the Elementor shortcodes you have placed in those hooks within a div and use the GP grid-container class e.g

<div class="grid-container">
[my_shortcode]
</div>

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

[Michele]

Hi David,
The breadcrumbs are a shortcode in a hook and applying that class mostly fixes that one. However the page title is not in a hook and is simply generated by the theme. How to adjust that?

Also I’m trying to set full width for the whole site, not just a single page. Can I do that? In looking through the documentation, I tried activating the Elements part of the premium plugin, but then my Appearance > GP Hooks disappears.

[David]

You can use some CSS to contain the title on full width pages like so:

.full-width-content .entry-header {
    max-width: 1000px; /* adjust accordingly */
    margin-left: auto;
    margin-right: auto;
}

Yes the Layout Element is the way to go, you’re page headers and hooks are moved to the Legacy tabs in Appearance > Elements.

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

[Michele]

Thanks for your help!

[David]

You’re welcome

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

[Author]

Posts