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 am using pagebuilder with Moesia Pro theme, and Ive checked lots of threads here involving white space issues.
I am still struggling to get anything to work, I would much prefer all the widgets to lock together like tiles, rather than the vast white space in between that there currently is.
Please help !
my site is :
http://jasonsavory.co.uk/
Hi Jason
Click the wrench icon on the far right of any PB row, Edit the row, click the Layout tab on the right. Take a look at the margin, padding and gutter settings there. Should be the control you’re after.
Hi Andrew, many thanks for the reply,
I have tried this and unfortunately it makes no difference the space in between columns and widgets remains quite large, this may have to do with issues I’ve been having with the siteorigin image widget. The image does not fill the space despite being very large.
Andrew I do hope you haven’t given up on me, the Moesia supplied plugins work great, and tile well together, however images just don’t want to behave in the same way, see the top image under the menu http://www.jasonsavory.co.uk
Andrew I’m still having this issue, http://jasonsavory.co.uk please help, it’s definitely a site origin / image problem as the moesia plugins fill their space perfectly, but there isn’t one for images unfortunately
Thanks for the wait. We’re working through a super high support load at the moment. Our system runs automatic prioritisation based on amount paid by our premium theme customers. Our free plugin and theme threads get slotted in behind those and organised according to age and other factors. We do our best to get to them quickly but as these are un-monetised, completely free products we unfortunately can’t always offer snappy support. We do do our best though.
The Moesia authors know Page Builder pretty well, if you’re on their premium package then you can also try reaching out to them for challenges like this.
If you’re unsure as to the result you’re getting from the SiteOrigin Image Widget or the bundled Image (PB) widget, it’s worth trying to add images via the Visual Editor widget. This has an Add Media button. To get access to this widget, you’ll need to have the following plugin installed: http://wordpress.org/plugins/black-studio-tinymce-widget/.
Lets’s just check one image out for the moment. The first image on the right after the slider. That has padding as follows:
.panel.widget { margin: 0 auto; padding: 80px 30px; }That padding is added on line 1181 in style.css from the Moesia Pro style.css file. We can definitely help to roll this back, but given your premium upgrade, it might be best to chat with the developers about how they’d recommend tweaking that.
One way, would be to insert the following under a Custom CSS block if the theme has that or in a Custom CSS plugin like Simple Custom CSS:
/* Theme Page Builder Styles */ .panel.widget { margin: 0 auto; padding: 80px 30px; }And then edit those values as required. 80px is top and bottom padding, 30px is right and left padding. You can also state four values if you’d like to make top different to bottom etc.
Another way is to edit the row in question, click the Attributes tab on the right and enter a class name, for example:
Then in Custom CSS you could target that and say:
.js-row-style.panel-row-style .panel.widget { padding: 80px 30px; }I might not be getting this 100% right the first time but you hopefully get the idea.
In summary though, with the above info, if you don’t come right, chat with theme support on your side. We really appreciate their support in integrating Page Builder, we’re here to help, but in this instance they might be able to offer a quicker solution they we can.
Hope that all makes sense.
that css sorted it immediately! Exactly what I was after, thanks so much andrew!