how to remove space between the rich text and the image banner in Sense theme

Shopify Discussion
, , ,

Topic summary

Main issue: remove the gap between a Rich text and an Image banner in the Sense theme. Solution provided and confirmed: add a CSS rule targeting the specific banner section ID to set margin-top: 0.

  • CSS used: section#shopify-section-template–23486520394049__image_banner_… { margin-top: 0; }
  • Clarification: the numeric string is part of the unique section ID; this rule only affects that banner.

Second request (another store): remove spacing between five banners so they touch. Solution provided and confirmed: set .section+.section { margin-top: 0 !important; } with an additional mobile (max-width: 749px) variant.

Further layout request: make “Text columns with images” show five images in one row on desktop and a one-at-a-time slideshow on mobile. Desktop solved by setting .grid–flush-bottom > .grid__item { width: 20%; } for min-width: 749px. Mobile slideshow (with arrows/auto) still pending.

Additional header changes requested (desktop: centered logo, left menu, right cart, no search, larger bold Lora; mobile: menu left, logo center, cart right). No solution posted yet.

Images/screenshots were provided to illustrate spacing and results. Status: several issues resolved via CSS; thread remains open for mobile slideshow and header layout.

Summarized with AI on December 14. AI used: gpt-5.
4

Thanks for the info, do you like to remove the space only on this area right?

Try this one.

  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 “base.css, style.css or theme.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:
section#shopify-section-template--23486520394049__image_banner_jt3dLq {
    margin-top: 0px;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!