[Resolved] I can’t make rows full width

[Jamie]

I can’t figure out what is causing my rows in beaver builder to not be full width, I have this border around the page. My top bar, page hero, and footer is all full width but the rows won’t go full width.

[Fernando]

Hi Jamie,

Can you link us to a specific page where the issue is occurring? Also to confirm we’re seeing the same thing, can you provide a screenshot of the issue as well?

[Jamie]

https://fpz.23e.myftpupload.com/
https://fpz.23e.myftpupload.com/courses-classes/

On my mac pro laptop the row with the photo of yellow trees and bowl are full width but that is because I have a -50px left and right margin on it, if not it has the same issue as my large monitor (screen capture below) where there is the white left and right margin

http://fpz.23e.myftpupload.com/wp-content/uploads/2022/09/issue.jpg

[Fernando]

I see. In Appearance > Customize > Layout > Container, can you try setting the left and right paddings to 0?

Let us know how it goes.

[Jamie]

Hi Fernando,

I tried your suggestion and it doesn’t fix the issue.

I think it has something to do with this:
class=”site grid-container container hfeed” The margin shows 280px left and right when I inspect it. But for the life of me I can figure out the issue.

I verified that the rows in beaver are set to full, but there is that 280px margin coming from somewhere.

I even tried deactivating all of the plugins and it doesn’t change the margin.

[Ying]

Hi Jamie,

Can you set the page’scontent container width to full width using the layout metabox?

[Jamie]

That was it! Thank you so much. I appreciate it. always something new to learn…

[Ying]

You are welcome 🙂

Glad it works!

[Author]

Posts