Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

Solved

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

Jman4
Tourist
9 0 3

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?

 

Image Help.jpg

Accepted Solution (1)
beauxbreaux
Shopify Partner
263 21 45

This is an 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. 

Beaux Barker
Developer
Hire me on Fiverr

View solution in original post

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
9076 2167 2677

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. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Jman4
Tourist
9 0 3

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

beauxbreaux
Shopify Partner
263 21 45

This is an 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. 

Beaux Barker
Developer
Hire me on Fiverr