Put space between collection titles and products

Shopify Discussion

Topic summary

A user encountered a layout issue where collection titles appeared directly against product listings with no spacing in between.

Solution Provided:
Two developers offered the same CSS fix:

  • Navigate to: Online Store ā†’ Theme ā†’ Edit Code ā†’ Assets
  • Open either theme.css or base.css
  • Add the following code at the bottom:
#shopify-section-collection-template.page-width {
  padding-top: 20px; /* or 30px */
}

Outcome:
The user confirmed the solution worked successfully, resolving the spacing issue.

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

For some some certain reason there is no space or separation between the TITLE of my collection and PRODUCTS .
As seen in the snapshot, can anyone guide regarding how to put a space between them .

Thanks

hunainkhan_1-1687613542303.png
hunainkhan_1-1687613542303.png1366Ɨ768 151 KB

1 Like
2

Hello @hunainkhan
please add this css Asset > theme.css and paste this at the bottom of the file:-

#shopify-section-collection-template .page-width {
padding-top: 20px;
}
1 Like
3

Hi @hunainkhan

This is Richard from PageFly - Shopify Page Builder App, Iā€™d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css or theme.css

#shopify-section-collection-template .page-width {
padding-top: 30px !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

1 Like
4

Thank you. It worked.

5

Thanks