Liquid, JavaScript, themes, sales channels
Hey! I want to stop my image from being cut off as you can see here:
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!
Hi @smef
Would you mind sharing your store's password so we can see the link you've shared? Alternatively you can share a preview link if you don't want to change the store's password later on.
Cheers!
The password is "boner"
Hi @smef,
Have you solved this issue?
I have the same issue like this in Dawn, I want to show the featured brands in the collection list, but most of the brand logo images are just cut off! I have tried to look up solutions but this is the only post I can find. Really hope yours have bee solved. If you have, could you please share what the solution is, many thanks in advance!!!
Charline
Thanks @smef
I didn't get much luck on the code, I tried it but didn't actually solve my issue, so I had to do the traditional way, i.e. added a background layer at the back of the image, cropped and resized it in the way the system would accept, took a bit time but at least now the images in the collection list are not cut off.
Here is LitExtension's code:
.collection-list__item .card{ border: none !important; } .collection-list__item:only-child .media{ height: 0 !important; }
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024