How do I shorten the images on multicolumn section (refresh theme)

[Jman4]

I want to create customer testimonials but the images are too big. How do I shorten the image size so that I can choose the size I want?

[Made4uo-Ribe]

Hi @Jman4 

Changing the image size for a multicolumn layout is not available through the default button in the theme editor. This will need to be modified through code or by using Liquid code. Add your image first then we will edit the size. 

[Jman4]

How do I change the size of the images by using liquid code?

[beauxbreaux · Accepted solution]

It will more likely only need CSS changes. You can see if this works for your needs but it can be difficult sometimes to give a blanket answer for images that are using ratios. There are about a dozen ways to 'shorten' the image but then you also want it to look balanced in the card. Sometimes changing 1 thing can alter the appearance of the car itself. For example leaving too much white space between the image and the description. 

You can try this out. When in the customizer and within the section you want to edit, scroll down in the left menu to where it says Custom CSS. 

Try out this code:

img{
max-height: 200px;
}

The size 200px can of course be changed to whatever number you want followed by px. The smaller the number, the smaller the height.