Hello,
I'm looking for some guidence on how to remove the the graphic banner from the top of my Collection pages using the 'Debut' theme. The banner is created by blowing up the Collection image, and it looks pixelated and cheap. I'd like to remove it altogether.
Any help would be greatly appreciated. Thank you for your time.
Chris
Here's a work around:
Under 'Assets' go to 'theme.scss.liquid'
-find this section of code:
.collection-hero__image {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
height: 300px;
opacity: 1;
-Change opacity: 1; to opacity: 0; and the background image will become invisable.
Also, playing with the ' height: 300px;' will adjust the spacing of this area.
I am having a similar issue - except I don't want to just delete the bnners - I just want it to DISPLAY correctly and look nice and intentional. It seems to be taking the thumbnail you add to the Collections page and just blowing it out. Is there a way to have a banner that is sized appropriately and not dependant on the thumbnail?
Hello,
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one), I'll help you out to the best of my ability.
Kind regards,
Diego
User | Count |
---|---|
396 | |
204 | |
129 | |
46 | |
42 |