Multicolumn hight

Shopify Discussion

Topic summary

A user seeks help adjusting the height of a multicolumn section on their Shopify store. They provide their store URL (nistore.de) and password for access, specifically pointing to the product page under the “Thermo-Hanschuh” item in the gadgets section.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open theme.css or base.css file
  • Add custom CSS at the bottom:
    • Set multicolumn card image dimensions to 58px Ă— 58px
    • Adjust media padding-bottom to 65px
    • Modify font sizes for multicolumn card info and inline richtext elements

The CSS code uses !important flags to override existing styles. A screenshot shows the expected result after applying these changes. The issue appears resolved with the provided custom styling solution.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hello guys, how can I change this hight from the multicolumn?

Bildschirmfoto 2024-12-22 um 14.15.07.png
Bildschirmfoto 2024-12-22 um 14.15.07.png2926Ă—854 159 KB

2

Hey Ali768, here is the url and the password :https://www.nistore.de/products/nistore™-winterhandschuhe , fdfdsfds.

I want may multi row to be like this one in the photo.

Bildschirmfoto 2024-12-23 um 11.05.37.png
Bildschirmfoto 2024-12-23 um 11.05.37.png2916Ă—894 141 KB

3

Hi @NikosBat , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

4

Ali768, in the middle of the website, under the gif section

5

Hey Websensepro, here is the url and the password, https://www.nistore.de/products/nistore™-winterhandschuhe , fdfdsfds.

6

Is there a problem with the url? Could you please go under gadgets and in the product Thermo-Hanschuhe, there you will find this multicolumn

7

Hi @NikosBat

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
img.multicolumn-card__image {
    width: 58px !important;
    height: 58px !important;
}
.media.media--transparent.media--adapt {
    padding-bottom: 65px !important;
}
.multicolumn-card__info p {
    font-size: 15px !important;
    line-height: 1.5;
}
.multicolumn-card__info h3.inline-richtext {
    font-size: 23px !important;
    
}

Result:

websensepro_0-1734949732094.png
websensepro_0-1734949732094.png1366Ă—558 157 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

1 Like