I’m trying to figure out how I can adjust the bottom-margin of a specific PageBuilder row:
– Adding a Bottom Margin through the Layout doesn’t work (in Row settings);
– Adding a CSS Style to Attributes doesn’t work. (I’m still in the dark on how this option actually works);
– Altering the Row Bottom Margin in the SiteOrigin PageBuilder Setting doesn’t work.
The only thing that does work is selecting ‘No bottom margin’ in the Theme setting of the row. But that takes sets the margin to 0 and I want it to ad 20 or so.
Confused? So am I.
Hope you can shed some light on the matter.
Best,
Gaston
Hi Gaston
Thanks to legacy row styles in Vantage this is unfortunately a little confusing right now. We hope to straighten it out moving forward.
I’ve attempted to create an overview of what’s happening here: Thread: How do Page Builder row attributes work – row class, cell class and CSS styles.
In the latest Vantage update we’ve removed the controls that weren’t working.
What I’d recommend doing is adding a class under Attributes and then using Appearance > Custom CSS to target that class with margin-bottom: 20px; etc. This would be the same as my example at the link above except you’d be inserting a margin property and not a color property.
Hi Andrew,
I tried this and it didn’t work at first.
It turns out there were two things going on:
1. WP Super Cashe was blocking things. I had to turn cashing off to reflect the changes.
2. I needed to add [b]!important[/b] to the css-style for it did work.
It would be nice though if the css styles could work from within the PageBuilder row. That would be a timesaver.
Thanks for the feedback here. Caching plugins are a pain if you’re developing, as you mentioned, better to re-activate once you’re done.
Did you try just adding:
To the CSS Styles block in row attributes?