How to stop image from being cut off in collection list?

Technical Q&A
1

Hey! I want to stop my image from being cut off as you can see here:

smef_0-1638129729631.png
smef_0-1638129729631.png379×400 77.3 KB

I also would like to remove the very faint outline that surrounds the image. I’ve done this for my main page in the base.css file, but for some reason it’s not working on the list collection page. I am using the Dawn base theme.

You can find the issue on https://www.razz.blue/products. It’s really bothering me, so if anyone could take the time out of their day to help out, it would be much appreciated!

1 Like
2

Hi @smef ,

Go to Assets > component-card.css and paste this at the bottom of the file:

.collection-list__item .card{
	border: none !important;
}
.collection-list__item:only-child .media{
	height: 0 !important;
}

Hope it helps!

3

tysm!

4

Hi @smef ,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.