Greetings,
I hope I can explain my issue in understandable English.
I’ve made a gallery using the Image Grid widget. However if the last image or images isn’t filling the entire row they’ll align automatically to the middle which looks quite odd. I’ve tried to ‘float’ them to the left using CSS:
.sow-image-grid-image {
float: left !important;
}
This kind of works, but floats the entire box of images to the left of course so it’s no longer appearing in the middle of the row. I’ve tried to adjust it back with padding and margin, but it won’t look as good as with the default setting, but with default settings images not filling the row will align to the middle.
Is there any way to have the grid of images in the middle of the row, but still have the images start from left?
Thank you in advance!
Hi Marielle
Thanks for posting, you can try in Custom CSS or Customize > Additional CSS:
.sow-image-grid-wrapper { text-align: left; }Thank you for your reply!
I’ll give that CSS a try when I got time. For now I solved it by making several rows with 3 columns in them and adding a SiteOrigin Image widget in each. It worked pretty well. I also found it easier to add images that way than the Image Grid widget.
Super, glad to hear you’re making progress.
All the best with your site.