How can I remove the white card behind text on collection boxes?

Store Design
1

Good Morning,

Hoping someone can help. The collections boxes shown on my front page have a white card behind the text, which I would like to remove.

https://lemongingerkitchenware.myshopify.com/

I have researched through this other users with the same issue and have found other users said to open the asset folder and the open base.css and paste the following code:

.collection-list .card__content{
opacity: 0;
height: 0;
}

Problem is, I don’t have the option for base.css listed in the asset folder.

Does anyone know if there is an alternative location or name for this?

Sorry I am a newbie at this so any help would be appreciated.

Many thanks

Robyn

2

@Robyn21 - what is the password to view this page?

3
  1. In the left sidebar, navigate to the “Assets” folder.
  2. Look for a CSS file that contains the word “collection” or “card” in its name. It could be something like “collection-list.css” or “card.css.”
  3. Open the CSS file and scroll through the code to find the styles related to the collection boxes or cards.
  4. Add the following code at the end of the file to remove the white card background:
.collection-card .card__content {
  background-color: transparent;
  box-shadow: none;
}
​
4

Good morning,

Thanks for the feed back. I have copied and pasted the code to the end of the collections-card.css but unfortunately it is still not removing the white box. Would you have any other suggestions?

Many thanks Robyn

Robyn21_0-1687735450080.png
Robyn21_0-1687735450080.png1190×1380 156 KB