Lining up images
Hello SiteOrigin peeps! First, thank you for a WONDERFUL plug-in.
I have a wee bit of a problem. If you look at www.meros.io/features, toward the bottom, the images for Slack, Zapier, etc. are not lined up. I could do some goofy tricks to manually line them up, but I’m worried as to how they’ll look in a responsive environment.
I’m just using the default settings for SiteOrigin Image widgets, setting images to “bound”.
Any suggestions?
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
5I think that the quickest way to resolve the issue is to change the canvas size of each of the graphics so they are all the same height. One quick way the achieve that is with Irfanview which has a change canvas size menu, as well as a resize menu.
Another option is in the css
img { vertical-align: text-bottom; }Thanks Philip.
Hi alexeck, glad to hear you made progress on this :)
A big thanks for your help Philip, much appreciated.
Incidentally, I finally got it to work beautifully. You can see it on http://www.meros.io/features#alerts
My original solution was create a table, but they are a bitch to make responsive.
My final workaround was to use the SiteOrigin Editor widget, not the Image widget. This allowed me to center the image easily. And now it’s responsive and looks sharp.
Thanks SiteOrigin!
Looking awesome :) Thanks for the update.
All the best.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.