Comments on: Full width pages in Genesis with Beaver Builder

By: James mathew

James mathew — Thu, 02 May 2019 14:28:39 +0000

Am using the Divi theme with Beaver Builder. i used this css code but it doesn’t seem to work for the full width option

/*Divi – Beaver Builder Full Width Page*/
.fl-builder .site-inner {
padding: 0;
border-top: none;
max-width: none;
}

.fl-builder .site-inner .wrap {
max-width: none;
}

.fl-builder .entry {
padding: 0;
margin-bottom: 0;
border-top: none;
}

.fl-builder .breadcrumb,
.fl-builder .entry-header {
display: none;
}

@media only screen and (max-width: 1200px) {

.fl-builder .wrap {
padding: 0;
}

}

By: Prestiti Consolidamento

Prestiti Consolidamento — Fri, 23 Feb 2018 02:13:12 +0000

Thanks, I’ll try with the News Pro theme!

By: Elizabeth

Elizabeth — Wed, 14 Feb 2018 17:26:20 +0000

That was so easy…I hate getting too messy with CSS code! Thanks so much!

By: V

Thu, 04 Jan 2018 19:57:54 +0000

Does this work for Infinity Pro?

By: Chelsea Perell

Chelsea Perell — Mon, 18 Sep 2017 03:33:48 +0000

Thanks very much for that! I tried the Executive Pro code and it worked! I’d also like to make this change to full screen on the landing page.
Is this possible?

By: Jim Proctor

Jim Proctor — Sun, 23 Jul 2017 01:10:59 +0000

Thanks for this great code. I’m using the generic child theme version for Atmosphere Pro, and noticed that either the padding or margin-top specification under .site-inner obscures the post title and postmeta at top (i.e., they are in page source but they don’t display).

I now see the same in your screenshots above.

Was that intentional? I’d like to preserve the post title and postmeta at top if possible.

Regards,

Jim P.

By: Karl

Karl — Sun, 13 Nov 2016 10:39:00 +0000

Does this only work for pages?
Is there a solution for posts too?