Fullwidth PageBuilder Blocks

Hello,

I would like to set my PageBuilder Blocks on fullwidth. Somebody has a soulution ?

Thank you :slight_smile: Seb

Hello there,

Thank you for asking.

In order to achieve that objective, could you please try to do the following?

  1. Edit your page. In the “Page Attributes” options, select “Front Page” template

  2. Edit your Page Builder row > Row Styles > Attributes > Specify a custom CSS class name in the field that says “Row Class”, e.g. fullwidth-row

  3. To force the row’s width becomes 100% of the page, try to apply the following CSS code through the Simple Custom CSS plugin

.fullwidth-row .container{
 max-width: 100%; 
}  

.fullwidth-row .so-panel.widget{
  padding-left: 0;
  padding-right: 0;
}  

Let me know how it works for you.

Warmest regards,
Kharis

Hello Kharis,

It works :slight_smile: Thank you a lot !

Seb

Dear Seb,

Thank you for updating me.

I am glad to know that it works for you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Warmest regards,
Kharis

Hi!
I have the same problem, but when following your instructions, the problem is still there.
The row is still a box between to row-separators…

I tried another of your tips;


row with background-image


Separator type B (fill color)


row with background-color (same as fill color)


but that didnt help either…

How the heck am I gonna have my site look like the demo-site, when the rows only will show as boxes leaving gaps on both sides where my sites bg-image shows?
It’s just plain ugly :frowning:

The funny thing is that my row-separators go full-widht???

Hello there,

Please share your front page here, so I can have a closer look.

Regards,
Kharis

it works for me

thankss

You’re welcome, David!