Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
It would be nice to have a field in the row settings, like it has for the row bottom margin and the horizontal spacing of the widgets. Could be there a vertical spacing too?
So we dont have to manually css all widgets spacing, or set all spacing to zero. If we need zero spacing, could set it in the row settings.
OR is there any kinda css what we can use now at the row settings’ css styles?
Hi Soulstructures,
In the next Page Builder update (2.5), we’re introducing a row layout setting called Cell Vertical Alignment. This will allow you to control how things appear structure wise. Is that sort of what you’re after? If not, can you please elaborate?
No, I meant the spacing between widgets in a row.
I have a row, with 3 coloumns. I wanna have a title for each coloumn with a background color, a picture under them, and some descriptions with also a background color. And I want them just under each other without any spacing.
Check the first row: http://cityrent.hu/autoink/
Even with the description I really want just a tiny 1-2-3 px spacing, so it looks like a table with horizontal separators (which is the background color of the content area), that would look sexy :)
Hi Soulstructures,
Please open the row you wish to remove the horizontal spacing between widgets from by clicking the wrench icon. Head over to the row styles sidebar and open the Attribute settings group. Set the row class to tiny-widget_spacer and then save the page.
Please navigate to WP AdminAppearanceCustom CSS and add the following CSS:
.tiny-widget_spacer .so-panel { margin-bottom: 0 !important; }How does that look?
You might also need to install the SiteOrigin CSS Editor.
Looks the same :(
I applied the CSS class to all widgets in the upper left block, copied the CSS snippet into the CSS Editor (yes, I already have it and love it :) ), but nothing changes
Hi Soulstructures,
tiny-widget_spacer needs to be applied to the row rather than the widget itself.
Ahh thanks, missed that info.
Now, its almost perfect: it just has a little spacing between the image and the textbox under. (see the link, the upperleft part is totally what you suggested, i’m experimenting with the others :) )
Hi Soulstructures,
Please add the following CSS to WP AdminAppearanceCustom CSS:
.sow-image-container { line-height: 0; }How does that look?
You might also need to install the SiteOrigin CSS Editor.
Alex, thank you a lot! :)
It’s perfect now :)