How to remove padding above the product grid on Impulse theme?

Store Design
,

Topic summary

A user seeks to remove unwanted padding above the product grid on collection pages using the Impulse theme.

Two solutions were provided:

  1. Basic CSS fix - Add the following code to the bottom of the theme.scss.css file:
.collection-content {
  padding-top: 0px !important;
}
  1. Comprehensive CSS fix - A more complete solution targeting both padding and margins:
.template-collection .collection-content {
  padding-top: 0 !important;
}
.template-collection .collection-filter {
  margin: 0 !important;
}

Both solutions require accessing the theme code through: Online Store > Themes > Actions > Edit Code > Assets > theme.scss.css

The discussion remains open with no confirmation from the original poster about which solution worked.

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

I have the Impulse theme and need help removing the padding above the products grid on my collections page. Help please!

mwehmeyer_0-1677238099153.png
mwehmeyer_0-1677238099153.png1920×1080 370 KB

2

@mwehmeyer

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.collection-content{
  padding-top: 0px !important;
}
3

Hi @mwehmeyer ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.template-collection .collection-content {
    padding-top: 0 !important;
}
.template-collection .collection-filter {
    margin: 0 !important;
}

I hope it would help you
Best regards,

Richard | PageFly