[Resolved] Can't get full-width to operate properly

[Piccia]

Hi there and thank you for the theme, it’s great.

However, I don’t seem to be able to get the full width to operate properly. I’m using it with Beaver Builder and I have made sure that there is no padding anywhere, including the Global Settings. I have tried to identify the problem via the inspector but can’t get to the bottom of it. There is this annoying small padding everywhere. I really would love to get rid of it.

Can you help?
Here’s the site.

Many thanks

[Leo]

Hi there,

Glad you are enjoying the theme 🙂

Can you first make sure the Full Width Content is checked in the Page Builder Integration metabox? It’s above the Featured Image meta box.

Also there is a margin all around from BB and you can this CSS to remove it:

.fl-row-content-wrap {
    margin: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Piccia]

Hi there,

Yes the metabox is of course checked but well done for asking 😉

Trying the CSS workaround now.

[Piccia]

Ok, so it works a little bit, meaning it does take out some of the unwanted visible background, but not all of it. There is still a gap.

Any other ideas?
Here’s the site again for your convenience.

Thank you in advance!

[Leo]

Can you check the left/right Content Padding in Customizer > Layout > Container and see if they are set to 15px?

If they are already set to 0 then try this CSS:

.container {
    padding: 0;
}

Let me know.

[Piccia]

Oh yeah the CSS did it!

FYI and for future reference if anyone else reads this, all the global paddings and margin settings were set to zero everywhere.

Thank you again!

[Leo]

You’re welcome!

[Author]

Posts