Remove image from collection pages - Debut theme

gwilliams
Pathfinder
120 0 32

Hi

I am using the Debut theme and recently added a collection image which looks good when showcasing the collection on my homepage, however it doesn't looked good on the actual collection page (see screenshot). Is there a way to remove the image that is behind the title on the collection url pages?

Screenshot 2021-07-13 at 14.36.43.pngScreenshot 2021-07-13 at 14.35.33.png

Links to view the screenshotted pages:

https://display-sign.co.uk/ - homepage
https://display-sign.co.uk/collections/pavement-signs - pavement signs collection page

dmwwebartisan
Shopify Partner
7361 1742 2329

@gwilliams 

Please add the following code at the bottom of your CSS file.

.template-collection .collection-hero__image{
background-image: none !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
gwilliams
Pathfinder
120 0 32

It's worked but now has a grey background (see screenshot below). Can I just have it white like the main background and remove the spacing so it's like the Poster Snap Frames collection page (see 2nd screenshot)?

Screenshot 2021-07-13 at 15.02.05.png

Screenshot 2021-07-13 at 15.03.07.png

dmwwebartisan
Shopify Partner
7361 1742 2329

@gwilliams 

Please add the following code.

.collection-hero__title-wrapper::before{
background-color: transparent !important;
}
.collection-hero__title{
color: #000 !important;
margin-top: 20px;
}
.collection-hero__image{
height: 100px !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes