How to adjust the margin between collection title and product grid in Dawn theme?

[InnoTier]

The space between collection title and product grid is to big, what's the css code to adjust the space?

[DaveedValencia]

First find the class for this section (right click, then inspect). Once you find the class, you can add the css.

.section-class{

margin-bottom:10px;

}

If you share a link to the page I can add the actual css you'll need to add.

[InnoTier]

Sure, this is the link to the page: https://innotier.com/collections/travel-must-haves

thank you

[DaveedValencia]

.isolate .rich-text{

    padding:0!important;

}

You have extra padding that is causing this. This should fix it but you could also fix it by removing the extra padding that is being added.

[Mehran_Ali · Accepted solution]

Hi @InnoTier 

I hope you're doing well.

The issue with the extra space on your collection page is not due to any margin or padding but rather an empty Rich Text section appearing after the title. You can resolve this by removing or deleting that section if it’s not in use. Here’s how you can do that:

1. Go to Customizer.
2. From the top dropdown, select Collection and then Default Collection.
3. On the left-hand side, locate the Title section.
4. After the Title, you will see a Rich Text section. Simply delete it and publish the page, and the extra space will be removed.

Note: If this solution doesn't work, feel free to contact me, and I’ll personally check and explore other options for you.

Here is the proof that the space is due to an extra section 

[InnoTier]

Another question, how to change the font size of collection title in mobile without affecting the font size of computer? Thanks 

[Sweans]

Hi @InnoTier,

You can make the mentioned change by adding a simple line of code.

.section-template--17192625963243__rich_text_zae8mP-padding {

        padding: 0 !important;

}

Paste this code to your base.css

Go to your online store> themes > Click on three dots of current active theme > edit code > search base.css in the left sidebar > open it and paste the code.

I hope this helps! If it does, please like it and mark it as a solution! 

If you need further assistance, feel free to reach out!

Regards,

Sweans