Align images in Carousels, Posts grids

Last updated on by

By default we recommend users to upload images of same dimensions, however in some scenarios it may not be a practical solution. As a result the carousels and the post grid individual items appear out of sync and the appearace is not good.

To overcome this limitation add this simple CSS customisation in Theme customiser -> Custom CSS :

.block.courseitem .block_media {
  max-height: 100px;
  overflow: hidden;
}

Note, you may need to change the 100px limit based on the smallest image available in your carousel or post grid.