Home>Support>How do I make cells in a row all have the same height?

How do I make cells in a row all have the same height?

Hi. My site is in rather a chopped-up state, as I figure out how to adapt this theme.

My present question concerns this page, at the URL shown below. I would like to create boxes of equal width and height, to hold my photos and quotes, so that the line of boxes looks even. I don’t know how to specify a row of a given height, so that I could use a background color for the shorter quotes. In other words, what I want to do is have each person’s box be the same height, and for the ones with shorter text, I could fill in the rest of their box with a background color. Does that make sense? I just want the bottom of all the boxes to be even, straight across the page. Thanks!

URL: http://betsysharp.com/heroes

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, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Betsy

    Please remember that a child theme is necessary if you edit theme files. If you ever run a Vantage update, all files will get overwritten in that process.

    Click on the wrench icon on the far right of the row you’re editing. Click Attributes on the right and add a row class called:

    authors

    Just that. Type the word authors in as a row class. Then add the following to Appearance > Custom CSS:

    /* Author Boxes */
    
    .authors .textwidget { 
      min-height: 500px;
    }
    
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