How to do decrease the space between Image and Text in a Section?

Shopify Discussion

Topic summary

A user needed help reducing the spacing between an image and text in a Shopify section. After providing the product page URL and password, they received a CSS solution to add to their base.css file:

Solution provided:

  • Add custom CSS targeting .multicolumn-card__info
  • Set padding-top: 1rem !important;

Outcome:
The CSS modification successfully resolved the spacing issue. The discussion is now closed with the problem solved.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello guys, how can I decrease the space between Image and text in this section?

1.png
1.png1831×853 166 KB

2

Hi

Hi NikosBat,
Please provide the URL

Preview

1 Like
3

Hello Sandeep81, here is the url and password:

https://www.nistore.de/products/trendy-stainless-steel-multilayer-circle-twist-knot-earrings-for-women-texture-mixed-color-gold-plated-statement-earring-bijoux

nikthe

4

Hi,

Please add below CSS in ase.css file

.multicolumn-card__info {
padding-top: 1rem !important;

}

5

Hi,

Please add below CSS in base.css file

.multicolumn-card__info {
padding-top: 1rem !important;

}

1 Like
6

Thank you Sandeep81, that has solved my problem!