debut theme i would like to get rid of white underlay in my collection

Store Design
1

can anyone provide me with the correct code to get rid of the white backdrop? all of my images for the collection are .png

www.emotionaldebt.net is my page so you can see what i mean.

1 Like
2

Hi @Emotionaldebt ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.collection-grid-item__overlay {
    background-color: transparent !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

Thank you it worked! I also coded a new font into my website, it worked but the collection font is still the same, how do I change that font as well?

4

@Emotionaldebt

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.collection-grid-item__title-wrapper::before {
    background: transparent;
}