Full width template

Beaver Builder
1

Hi,

I’m using the Beaver Builder plugin with the Studio Francesca Theme from wowthemes.net and I have a question about the homepage templates. I want them to show full width but I can’t figure out how to get it done. I set the page layout to fullwidth, tried setting the margins to 0px but it doesn’t work. I guess it’s the theme I’m using, but do you have some code I could use for specific pages to show full width?

2

Hey Aranka,

Welcome to the BB forums! :slight_smile:

So the page builder only works on the content area designated by your theme. If you have a full width template, chances are, the theme has padding or margin added to the sides. We should be able to override them with custom CSS. Do you mind sharing the URL of the page in question so we can take a look? Feel free to use the private reply option below if you need to. :slight_smile:

Ben

3

[Content Hidden]

4

Hey Aranka,

Try adding the CSS snippet below and see if it takes care of it. The styling below only applies to pages where BB is utilized. :slight_smile:

/* Make BB pages full width */
.fl-builder > .row {
  width: auto;
}
.fl-builder > .row > .twelve {
  padding: 0px;
}

Ben

5

Where do I put that code? I tried tools > layout settings and tools > global settings, but it doesn’t work.

Aranka.

6

Hey Aranka,

It should work under Tools > Layout Settings > CSS but I wouldn’t recommend placing it there because then you’ll have to place it per page. Does your theme not offer a place for custom CSS? Are you using a child theme? If so, you can place it under the style.css file. :slight_smile:

Ben

7

Hi,

I tried it again, just to be sure, I thought it wouldn’t make a difference because nothing changed again, but I actually walked away for a minute from my computer and when I came back the layout had changed to full width, so I’m thinking I was just too impatient beforehand. Might have just been my wifi being a little slow and not loading the changes immediately.

Thanks a lot, this really helped!

Aranka.

8

Hi Aranka,

Happy to hear you issue has been resolved and thank you for informing us. We appreciate it.

Thanks,
Danny