Home>Support>Vertically align all images in row

Vertically align all images in row

Hello,
I’m using the Vantage theme/page builder and am trying to get five images in the footer all to be vertically aligned in their row. The way I currently have it set up is that, in the footer, I have the Layout Builder widget with one row that has five columns. Each column has its own image. I’d like each image to be vertically aligned with the row but am having some trouble doing so. Any assistance would be greatly appreciated!
Here is an example of how I would like it to look…
http://inslp.net/wp-content/uploads/2015/08/shot.jpg

URL: http://inslp.net

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Crazyrawkr

    Thanks for reaching out.

    It’s a bit of work to redo but I would do this by inserting five Visual Editor widgets straight into the footer widget area. Add one image per widget.

    I can help with tweaking the alignment once that’s done.

  2. 9 years, 1 month ago crazyrawkr

    Hi Andrew,

    Thanks for the reply! I’ve gone ahead and done what you suggested.

  3. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Thanks. Insert the following at Appearance > Custom CSS. That should do the trick:

    /* Footer */
    
    #footer-widgets .widget {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }
    
  4. 9 years, 1 month ago crazyrawkr

    That worked perfectly, thank you, Andrew!

  5. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    For sure :) Glad we could help.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More