resize images in multicolomn to be smaller

Store Design
, ,
1

Hi guys,

I made a multi colomn section in the latest version of theme Damn and added 3 images to the 3 sections I have created, but I am not quite liking the size of the images. They are too big and I wish to resize them. Anyone got a clue how I can manage to do this?

Thanks!

2

HEY @newwithecom share the URLs of your website plz

3

Hey @newwithecom ,

Could you please share your store URL so that I can take a look and provide you solution code for making the images smaller.

Thanks

4

Depends on what’s your goal.

You can add code like this to the “Custom CSS” setting of this section:

.multicolumn-card__image-wrapper {
  max-width: 50%;
  margin: auto;
}

to get result like this:

Screenshot 2025-05-17 at 6.54.11 PM.png
Screenshot 2025-05-17 at 6.54.11 PM.png702×563 92.4 KB

5

Hi @newwithecom , can you share store url?

6

The goal is simply to make them proportionally smaller.
Currently they really take up a big chump of my page, I want to toy with their size to see what fits my desire.

images.jpg
images.jpg1482×612 31.3 KB

7

You can use this code instead.

.multicolumn-card__image-wrapper img{
  width: 200px;
  margin: auto;
}

If you want appropriate solution then you need to share the Store url.

8

Thanks for your input, can you explain where exactly i require to input this code? I saw a different post mentioning at the top, but it did not work for me.

9

Here the steps you can follow to place this code in the exact file.

Go to Shopify Admin > Click on Online Store > Click on Edit Code > In the Edit Code search for base.css file.

In the base.css file go to the end and paste the following code.

.multicolumn-card__image-wrapper img{
  width: 200px !important;
  margin: auto !important;
}
10

Thanks for your input, but it does not work. I will probably get someone to help me out with stuff like this for my site.