Problem with pagebuilder space / padding

#1

Hello,

I’ve got the following problem.
When I add some rows with the following content:

Row1
Text Widget (for headline)
Text Widget (some content)
…

Row2
Text Widget (for headline)
Image Widget (some content)
…

All is fine. The space between headline and the next widget is OK.

But now the Problem.
When I add a Row like this:

Row3
Text Widget (for headline)
Layout Builder (further rows with text, image…)

Then the space between headline and content of the layout build is very huge.
I want the same space between headline and content on Row3 like Row1 and Row2.
How to do this.

I tried the option padding, but no success.

Regards

#2

Hello there,

Thank you for reporting.

There might be another CSS rules of certain plugin does this. In order to make us be able to provide the better assistance, could you please post your URL here so we can have a look?

Warmest regards,
Kharis

#3

I have the same issue with the space. Please take a look here: http://www.uffycs.org/

#4

Do I need to add a bit of custom CSS here to eliminate that white space? I actually want to put a heading there but the space looks even more prominent.
Thanks for your help!

#5

Hello there,

Could you please try to do the following?

  1. Open the “Edit Row” window of the row where your Layout Builder resides in. Add a no-vertical-gap class name (Theme > Row Class)

edit row
Screen_Shot_2015_12_15_at_6_03_40_AM.png1024x286

row class
Screen_Shot_2015_12_15_at_6_03_56_AM.png882x1024

  1. Add the following custom CSS code through the Simple Custom CSS plugin or child theme’s style.css
.no-vertical-gap,
.no-vertical-gap .panel-row-style{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Warmest regards,
Kharis

#6

Yes, that worked! It was too close to the top but I have changed the custom css to be what i want it to be.
thanks! i am going to test it with some text now! i will let you know!