Full Width instead on Boxed Layout

[Tom]

Hi there,

Can you link me to the site so I can take a look at why the above CSS isn’t working?

Thanks! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Wayne]

Hey, thanks for the quick reply! I am coming in after the fact so trying to sort everything right now. It is on a dev server, and I will have to work on getting your IP whitelisted for you to see it via his IT guy. (Ridiculous, I know)

Maybe this will help, here is the CSS in the clients custom CSS module. Maybe a conflict? Attached is also a screen grab of the customizer layout settings. Hopefully this is enough for you to sort it!

Screenshot of settings: https://cloudup.com/cHLe-6zhF-S

div.tab-content {
	height: 200px;
}

div.inside-page-header h1 {
	font-weight: bold;
	font-size: 60px;
}

.header-hero h1 {
	color: #fff;
	font-size: 60px;
	font-weight: 400;
	text-align: center;
	text-shadow: rgba(0,0,0,0.8) 0 2px 2px;
	text-transform: none;
}

div.inside-page-header-container.inside-content-header.grid-container.grid-parent.vertical-center-enabled {
	height: 500px;
}

.nav-float-right .main-navigation .main-nav ul li a {
	line-height: 130px;
	font-size: 16px;
	text-transform: uppercase;
}

div.inside-site-info.grid-container.grid-parent {
	font-size: 11px;
}

.inside-article {
	padding-left: 0;
	padding-right: 0;
}

body.grid-container {
	width: 1755px !important;
}

[Tom]

It’s most likely this line:

body.grid-container {
	width: 1755px !important;
}

Any reason for it?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Wayne]

Hey Tom,

Thanks for your replies. As for the above edit, not sure why it was in there (was already) but removing it had no effect. Also, I read earlier in the thread about changing the background color. The problem with changing the background color is that if the client is building rows with different colors (which he wants), it won’t look right. 🙁

Any other ideas we there would be no change being seen?

Thanks!

[Tom]

Hmm, I’m afraid I’ll have to see it to know what’s going on.

You can email me at support@generatepress.com for my IP if needed.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Wayne]

Hi Tom,

Sorry for the late reply, stepped away from this project for a bit. I think I found the issue:

https://www.wpbeaverbuilder.com/knowledge-base/full-width-rows/

What is the selector for the content wrapper for GeneratePress?

[Tom]

Not sure I missed this! Sorry about that.

Try this:

.fl-builder .container.grid-container {
    max-width: 100%;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts