REMOVE Spacing

Shopify Plus

Topic summary

A user seeks help removing unwanted spacing on their Shopify store’s collection page. The initial issue involves excessive spacing around the collection banner and product grid sections.

Resolution for Collection Page:

  • A solution is provided using custom CSS code added to the theme’s stylesheet (base.css, style.css, or theme.css)
  • The CSS targets specific Shopify sections to reduce margins to 20px
  • This successfully resolves the spacing issue on the collection page

Follow-up Issue:

  • The user reports similar spacing problems on individual product description pages
  • This second issue requires editing Liquid template files rather than CSS
  • The helper indicates this needs developer-level store access and recommends hiring a developer

Status: Partially resolved - collection page fixed via CSS, but product page spacing remains unresolved and requires more advanced technical intervention.

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

Hi y’all

I need your help to fix this - to remove the spacing on the part that has an X

Here is the URL https://ultrabrightlightz.com/?_ab=0&_fd=0&_sc=1

Screenshot 2025-01-10 233126.png
Screenshot 2025-01-10 233126.png1421×490 38 KB

1 Like
2

Hi @alexxxD

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:
.shopify-section.cc-collection-banner.section.section--template, .shopify-section.cc-rich-text .section {
    margin: 20px;
}

.shopify-section.cc-collection-products.section {
    margin-top: 20px;
}

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

1 Like
3

@Made4uo-Ribe it works!! thank you!

But the Product Description have the same issue -

Screenshot 2025-01-13 182345.png
Screenshot 2025-01-13 182345.png1773×694 137 KB

how can I fix this brother? - https://ultrabrightlightz.com/collections/lighting/products/ubl-u-lite-v2-surface-mount

4

Welcome! Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

For that issue, you will need to edit the Liquid code, which requires access to your store. You will need a developer to handle it.