How Do I Reduce The Gap Within "Image And Text" Element On Desktop and Mobile Display? (Debut Theme)

Shopify Discussion

Topic summary

A user is attempting to reduce spacing/padding within the “Image and Text” element in Shopify’s Debut theme, affecting both desktop and mobile displays.

Attempted Solution:
They tried applying custom CSS code targeting the feature row element:

#shopify-section-feature-row .feature-row__text {
  padding-top: 0px !important;
}

Current Status:
The CSS solution did not work as expected. The issue remains unresolved, with the user seeking alternative methods to eliminate or reduce the gap in this theme element.

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

How Do I Reduce The Gap Within “Image And Text” Element On Desktop and Mobile Display? (Debut Theme)

I have tiried the following group code, but it didn’t work out.

#shopify-section-feature-row .feature-row__text {
padding-top: 0px !important;
}

2

Hi,

Already applied that code, it didn’t work out.