Full Width Background Only on One Page

Beaver Builder
1

Hello, on this page: https://veganlinked.com/vegan-linked/ I would love for the grey background in one section to go completely full width. I may want every other section like this. And/or I may want to use images now or later.

I do not want to mess up any of the other pages though.

So, is there a way to make just this page’s background sections/rows completely full width, while keeping everything else in the center?

2

If your site settings are for a boxed / fixed layout, I don’t know of a way to do this with just the theme settings. I know you can go the other way - have your site settings be full-width and then a single row can be fixed width, but I don’t know of any way to do that in reverse. …that is, without resorting to some css.

3

This is a bit “hacky”, but should work.

@media (min-width: 769px) {
  .page-id-1896 .fl-node-5ce420f647e6e .fl-row-content-wrap {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
  }
}