Can't remove image border on featured product, featured collection and product page

Store Design
, , , ,
1

Hello,

My store is https://qubelo.com

I am trying to remove the image border that you can see on the home page as I have a featured product. I have tried changing it from theme settings but the border for media is already set at 0px.

The border is also visible in featured collection and product page. I would like to remove it from the whole website.

Also, I am trying to make the featured product image a little smaller so that it does not take so much space on the website as I am trying to keep a minimalistic look.

Thank you for your help!

1 Like
2

Hi @gatchy ,

Please go to Actions > Edit code > Assets > component-card.css file and paste this at the bottom of the file:

.card__media .media img {
        transform: scale(1.01);
}
1 Like
3

Hi @gatchy ,

If you have any questions, you can contact me directly.
Nice to meet you :blush: