Thanks for writing in!

You can add this under Custom > CSS in the Customizer.

#x-content-band-2 .x-column  {
      float:none;
      display:inline-block;
      vertical-align:middle;
      margin-right:3%;
}

#x-content-band-2 .x-column:last-child  {
      margin-right:0;
}

#x-content-band-2  {
     text-align:center;
}

#x-content-band-2 p {
     margin:0;
}

Hope that helps.

I have the same issue. I’ve tried to apply vertical alignment adding

vertical-align:middle;
and

float:none;
      display:inline-block;
      vertical-align:middle;
      margin-right:3%;

to the column, row and element style, separately, with no success.

I’m trying to align the images so it can look like a table or grid. Btw, the Grid element hasn’t work it out for me either.

Thanks a lot in advance!

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

I’m trying to align vertically the images on my Complices section.

To build that section I’ve used one row for the headline and four rows for the images. Each row with images is divided in four columns.

My issue is that I need to align the images on each “cell” vertically. In order to see that I think that I could add some code that aligns the row elements. But I couldn’t have figure it out.

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

div#complices .x-container.max.width {
    text-align: center; 
}

div#complices .x-column.x-sm.x-1-4 {
    display: inline-block;
    height: 100%;
}

div#complices img.x-img {
  position: relative;
  top: 50px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

Hope this helps – thanks!