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

cozydeliver
Excursionist
13 1 3

cozydeliver_0-1623986533699.png

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

 

 

Pallavi
Shopify Expert
2170 353 462

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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
cozydeliver
Excursionist
13 1 3

@Pallavi 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:

cozydeliver_0-1623998479817.png

After Inputting Code:

cozydeliver_1-1623998504577.png

 

0 Likes