Decrease top margin

[Claudia1212]

Hi, I just duplicate a collection template and in this new section I have extra top margin between the header and the collection title. Can anybody can help me with this please.

https://sicurezza.pe/collections/cyber-sin-costuras

[Moeed]

Hey @Claudia1212 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.template-collection main {
    margin-top: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Claudia1212]

Hello,

I did it, and the results worked but at the same time my other custom collection pages that do not present that problem change to this, seems like it is overlapping the info. Do you know what can I do?

[PageFly-Richard]

Hi @Claudia1212 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css

.container--vertical-space-small {
    margin-top: 30px !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly