Full width using Beaver Builder

[Joe Anderson]

Bill,

The other day you gave me code for homepage to make full width page with Beaver builder.
Is there a different code for inner pages to use, I tried adding page name to code in place of home but it didn’t work.

Code you gave me that worked for home page in CSS customizer
.home #content {
width: 100%;
padding: 0;
}
.fl-builder.default-builder #wrap {
width: 100%;
margin-top: 0;
}

Thanks Joe

[Bill Robbins]

Hi Joe,

Thanks for posting this here. The “home” is part of a tag that WordPress adds to just the home page. The other pages and posts just get a numerical ID instead.

In lieu of that snippet above, try going with this instead:

.fl-builder.default-builder #content {
	width: 100%;
	padding: 0;
}

.fl-builder.default-builder #wrap {
	width: 100%;
	margin-top: 0;
}

Hopefully the plugin will add the fl-builder class to every page that uses the plugin. If it does then that should work a bit more reliably for you.

Let me know if you run into trouble,
Bill

[Joe Anderson]

Bill,

Worked perfect.

Thanks for your brilliant support

Joe

[Bill Robbins]

Glad to hear that did the trick Joe ?

[Author]

Posts