Reducing space under featured collection titles

Store Design
1

Hi!

On my home page, I would like the featured collection titles closer to the product grid but I have not been able to figure this out.

I reduced the font size but I would still like the space between the product image and title to be about half the size, if anyone can help me?

Thank you!

Screen Shot 2025-01-16 at 9.46.48 AM.png
Screen Shot 2025-01-16 at 9.46.48 AM.png990×625 180 KB

2

Hi @Smeelah ,

I can help you adjust the spacing for your featured collection titles! Here’s how you can add the necessary CSS to your theme:

  1. Log in to your Shopify Admin:

  2. Navigate to the Theme Editor:

    • Click Online Store → Themes.
    • Find your active theme and click Actions → Edit Code.

  3. Locate the Base CSS File:

    • In the left-hand menu, look for a file named base.css or similar (it might also be called theme.css or styles.css, depending on your theme).
    • Click on the file to open it.

  4. Paste the CSS Code:

    • Scroll to the bottom of the file and add the following code:

      .collection__title.title-wrapper {
    margin-bottom: 0px !important;
}

.collection__title h2.title {
    margin-bottom: 0px !important;
}

  5. Save Your Changes:

    • Click the Save button in the top-right corner to apply your changes.

  6. Preview the Results:

    • Go back to your store’s homepage and refresh the page to see the updated spacing.

This should reduce the space between the featured collection titles and the product grid. Let me know if you need further help or adjustments! :blush:

Best regards,
Shreya | Revize

3

That is perfect. Thank you so much!