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].
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?
I 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.