There was an annoying margin at the bottom of my widgets. Then I found out I could set 30px to 0px for the row (in the page builder settings). Then the margin went away.
So that’s fine for the widget, but what if I want 0px as margin bottom for every widget that’s stacked within the same page builder row, but at the same time 30px as margin-bottom for the actual rows?
So margin-bottom 30px for the “page builder rows”, and margin-bottom 0px for widgets located in the same “page builder row”.
So this is what I mean:
———————————– PAGE BUILDER ROW 1 ———————————–
——- widget 1 ——-
| |
| |
| |
————————
|
0px
|
——- widget 2 ——-
| |
| |
| |
————————
——————————————————————————————
|
30px
|
———————————– PAGE BUILDER ROW 2 ———————————–
——- widget 1 ——-
| |
| |
| |
————————
|
0px
|
——- widget 2 ——-
| |
| |
| |
————————
——————————————————————————————
I guess technically this would be considered as 4 rows, but for me this is 2 rows with widgets in it. I see it from a page builder perspective. So I guess we could say 2 main rows (page bilder rows) with 2 inner rows containing the widgets (widget-rows).
So anyhow I want 30px bottom-margin for the page builder rows, and bottom-margin 0px between widgets when/if stacking on top of eachother inside a page builder row.
What’s the css for achieving this? Somehow margin-bottom:0px needs to be applied on all stacked widgets except the last one(/child).
if you want to make bottom margin between widgets in a row 0 through out the site you can do this way
setting>page builder>layout> row bottom margin change that to 0.
look if that works out