[Resolved] Single Page Container Width

[Nate Heath]

I am using GeneratePress with the Divi Builder plug-in. I know that third party builders don’t work with GP Sections but I am wondering if you could provide me with some code or solution that would cause “no sidebar” layouts to go full width?

On http://crowley.consistentweb.com/home-page I have build on the content with the Divi-Builder but the client would like just the front page to have full width content.

I’m guessing I would also need to adjust GP settings for just that page on left/right padding/margin.

Thanks

[Tom]

Hi there,

You can target no sidebar layout with Divi Builder activated like this:

.et_divi_builder.no-sidebar .container.grid-container {
    max-width: 100%;
}

Let me know if you need more info 🙂

[Nate Heath]

Thank you so much for that code, worked like a charm. I have been trying to play with getting rid of the content padding on the front page as well. I would like 20 left/right everywhere else but 0 on the front page. I can’t seem to get it right.

thanks!

[Tom]

You could do this:

.home.separate-containers .inside-article {
    padding: 0px;
}

[Nate Heath]

Thanks as always Tom. If you’re ever down in Portland I would love to buy you a coffee in person, or a beer.

[Tom]

Thanks for donation! I really appreciate it!

Portland isn’t too far away, could be part of a family road trip 🙂

Thanks again!

[Author]

Posts