Remove gap in bw collection page title and under products Dawn 15V

[ctal37]

 

Hii

I would like to remove the extra gap in bw the collection page title and under product list.. please help me out.

check the screenshot: 

[BSS-TekLabs · Accepted solution]

.collection-hero__title {
    margin-bottom: 0px !important;
}

Can you add this code to last line file base.css @ctal37 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSS-TekLabs · Accepted solution]

.collection-hero__title {
    margin-bottom: 0px !important;
}

Can you add this code to last line file base.css @ctal37 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[ctal37]

thanks it worked.

[BSS-TekLabs]

Glad to help you. Have a good day.

[BSSCommerce-HDL · Accepted solution]

Hi @ctal37, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.collection-hero__title {
    margin: 0 !important;
    padding-top: 5px !important;
}
</style>

Here is result: 

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 😍

[ChrisLikesCode]

Put this in your custom CSS

.collection-hero__title {
    margin: 2.5rem 0 0 0;
}