Debut Theme - Collection Page - Collection Title Spacing/Background Color Edit

[cozydeliver]

Hi there,

I’m using debut theme. On collection page, the collection title section has too much space. I’d like to reduce the spacing, change the background color. Please guide me how I can achieve this.

URL: https://cozydeliver.com/collections/trunks

Thanks,

Vincent

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

@media only screen and (min-width: 750px){
.main-content {
padding-top: 20px!important;
}
}
header.collection-header .section-header {
margin-bottom: 20px!important;
}
header.collection-header {
background-color: cyan!important;
}
header.collection-header .section-header.text-center h1 {
padding: 5px 0px!important;
margin: 0 0 4.5px!important;
}

[cozydeliver]

@ZestardTech Hi Pallavi, thanks for your reply.

I input the code you provide, the background color changed! However, the height of Collection-Title-Box changed a bit, but still seems too wide. I also change all padding/margin you provide from 20px to 0px. Still seems too wide. Any idea how to further reduce the height?

Thanks in advance.

Before Inputting Code:

After Inputting Code: