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].
I’ve seen several posts on the forum about too much space between PageBuilder rows, but none of the suggested solutions seem to work for me. Some of the responses are a couple years old, and the UI might have changed, or I’m too much of a newbie to understand the instructions. I’m using WordPress 4.6.1 (haven’t updated to 4.7 yet) and PageBuilder 2.4.21.
As an example, I’d like to tighten up the spacing between the text and pictures in http://cincinnatifriends.org/wp/education/library/. The text is in a row that uses SiteOriginEditor and the photos are in a row that uses Visual Editor, if it matters. My theme is Flat Responsive.
Thanks for any help you can provide!
Hi Sabrina,
The spacing below the image is actually being caused by your theme. It’s applying spacing in a few ways.
Image
There’s spacing being applied directly to the image itself. It’s sort of a tricky situation to avoid as you typically want some of the spacing to remain. Hm, I at this point I would recommend adding the image via the SiteOrigin Image Widget (included in the SiteOrigin Widgets Bundle) but if you would rather not we can forcefully remove the spacing but this is seriously not something I would recommend doing.
You can remove the spacing with some custom CSS. If you navigate to WP AdminAppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following CSS.
.widget_black-studio-tinymce img.alignnone { margin: 0;}You might also need to install the SiteOrigin CSS Editor.
Paragraph
The image is nested inside of a paragraph due to widget settings. Please open the Visual Editor used to add the image and untick “Automatically add paragraphs” (it’s at the bottom).
Widget
Now the remaining spacing is being added by your theme applying spacing to the .widget class. To avoid this, please add the following CSS to WP AdminAppearanceCustom CSS:
.so-panel.widget { padding: 0;}How does that look?
Thanks! Just so you know, even though I subscribed to receive notifications to this thread, I didn’t get a notice about this one, and just now saw your reply because I came back to this site manually.
In any case, thank you for the suggestions! For the particular page that I was concerned about, I ended up inserting the photos below the text within the Site Origin Editor widget rather than in a separate row, and that gave me the look-and-feel that I wanted.
Hi Sabrina,
Thank you for letting me know – I’ve reported this to Greg.
I’m glad you managed to figure out how to resolve this issue. If you need help with anything else, please feel free to open a new thread. :)