How to decrease the distance between the heading and product cards on featured collections

I would like to decrease the distance shown in all featured collections, between the products and the heading:

I have the code to do it in a Custom CSS:

.collection__title.title-wrapper { margin-bottom: -2rem; }

As shown here:

However, where do I write it in the theme code to have it apply to all feature collections?

Additionally, how do I do the same for a collection list?

Thank you

1 Like

Hi @lukafernada , You can try:

After Save.

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

@lukafernada if you check the class used for this section and add css to it, then it will get applied for all sections of featured collections, you will have to write css to the end of your base.css file

How do I message you exactly, there doens’t seem to be an option

Sorry, how exactly do I check the class?

@lukafernada - you can go to browser , right click on it and click inspect element, you will see the class

is this the class here? if so, how do i locate its location in the code?

@lukafernada you can set css for these classes in base.css file

yes I’ve done that already. Is there anything else i need to do?

@lukafernada no then all fine, just adjust value as per your need

no i say because its not working, was that all i needed to do?