How can I modify the collection banner title padding in Sense theme?

Store Design
, ,

Topic summary

Goal: Adjust spacing around the collection banner title in Shopify’s Sense theme.

  • Initial ask: Change the banner title padding; a screenshot showed excess space.
  • Clarification: Helper asked which side (e.g., bottom padding) and requested site access details. URL was provided.

Key finding: The extra space isn’t from the banner itself but from the section below it.

Proposed fix:

  • Add a CSS rule targeting the specific section ID to modify spacing above it (set margin-top: 0px, or adjust as needed).
  • Steps: Online Store > Themes > Edit code > Assets > open your theme’s CSS file (theme.scss.liquid, styles.scss.liquid, or base.css) > append the rule > Save.
  • Guidance: Increase/decrease the value to fine-tune spacing.

Visuals: An initial screenshot highlighted the spacing; a result image demonstrated the reduced gap after applying the CSS.

Status: A concrete solution was provided with code and steps. No explicit confirmation from the requester, so resolution appears likely but not formally closed.

Summarized with AI on January 26. AI used: gpt-5.
1

where can I adjust the padding on the title of the collection? (collection banner)

Sense theme.

Screen Shot 2023-05-31 at 9.58.37 AM.png
Screen Shot 2023-05-31 at 9.58.37 AM.png2238Ă—468 119 KB

1 Like
2

Hi @medusasmakeup ,

It depends which specific sides of banner your want to adjust. if its in the bottom padding-bottom: 10px. If you dont mind to share your URL website with password, and I’ll help with the solution. Thanks!

3

https://medusasmakeup.com/

1 Like
4

Thank you for the information.

I understand that you want to adjust the padding of the banner. But its not the banner making the space below, the other section. Im sorry I didnt ask clearly if you want to reduce or add the space. Try this code.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme.scss.liquid, styles.scss.liquid or base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
section#shopify-section-template--18960160522514__3c0f999a-2bc6-4d0d-89bc-188990ec69c3 {
    margin-top: 0px;
}