Hi,
For the image widget, How can I center an image within it’s container? At the moment, the image is left justified which is not ideal
And also, on the page builder plugin, I’ve added a row and separated the row into say, three columsn! But it appears that the columns are padded from each other. How can I remove this padding so the columns are directly next to each other
Thanks… hoping for a quick response :)
Hi Montypaks
The current version of the image widget doesn’t have an alignment option, but this does sound like a good idea.
A good solution for now would be to use a SiteOrigin Editor widget. You can insert an image in there, then align it.
In Page Builder, to make the cells of a row touch each other, you need to remove the row gutter. Just edit a row, then under row styles you’ll see field for gutter in the layout section. Enter 0 in this field.
Hi Greg,
Thanks for the suggestion about setting the gutter to 0px… That worked a treat!However, I still cant center the image! Even with the SO Editor Widget.
Here's a screenshot of what I have in page builder and the resulting page is here: http://bit.ly/23bzunW
So centering the image in the editor doesn't seem to work :(
Hi Montypaks
You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.so-widget-sow-image img { margin: 0 auto; }You might also need to install the SiteOrigin CSS Editor.