I would like to remove the light grey colour that surrounds the images in the collection on the homepage. When i try and change the colour manually in CSS, it changes the entire border colour around the whole image. I want to keep the padding amount as is, but want to make the border colour showing around the top of the images to transparent (remove completely) How can i do this please?
https://the-wellpreneur-code.myshopify.com/
Password:
@sandraleedesign
hello,
.card__media-spacer {
padding: 0;
}
Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
Do you Some like this
No I don’t like that sorry.. I really want the padding size I had originally. I just don’t like the colour of the padding. I want to know how to remove the colour that the padding has around the top. I want it to be the exact same colour as the background or transparent so that I can’t see it
@sandraleedesign
Hello,
.card__media-spacer {
background-color: #fdfbf9;
}
Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
like this
No i dont want that either lol. now there is a cream padding around the whole image. Is there no way to just make the padding transparent? So that it is see through to the background image i have uploaded behind it?
Hello @sandraleedesign
Please paste this code in CSS file:
.card-colored.color-background-1 {
background-color: transparent;
}
oh my gosh that worked! you are genius! Why couldnt i find that card-coloured section in the inspect tool? please can you let me know how you found it?
Hello @sandraleedesign
I have inspected the image and then checked the wrapping div and found this code.
