Reduce the space of the Icon Features Section. (Dawn Theme )

Store Design
, , , , ,

Topic summary

A user seeks to reduce spacing in the Icon Features Section of the Dawn theme for their Shopify store, specifically:

Issues identified:

  • Excessive space below text in mobile view
  • Too much space below icons in both desktop and mobile views

The user provided store credentials and screenshots showing the spacing problems.

Solution provided:

Add custom CSS to the base.css file:

.icon-item p {
    margin: 0px !important;
}
.icon-item img {
    margin-bottom: 0px !important;
}

This CSS targets the paragraph margins and icon bottom margins to eliminate unwanted spacing. The solution appears straightforward but hasn’t been confirmed as tested or resolved by the original poster.

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

Go to your online store → edite code → base.css file and paste this code there

.icon-item p {
    margin: 0px !important;
}
.icon-item img {
    margin-bottom: 0px !important;
}