Help adding border radius to collection product card

[INKLY]

Hi, I can't seem to find the proper class to add border-radius to make the corners of the collection produt card more rounded. Does anyone know how to achieve this? Thank you for your help!

Store URL: https://inkly.fr/?_ab=0&_fd=0&_sc=1&preview_theme_id=163175923977

[BSSCommerce-HDL · Accepted solution]

Hi @INKLY, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.card .card__inner .card__media {
   border-radius: 8px !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @INKLY, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.card .card__inner .card__media {
   border-radius: 8px !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[INKLY]

Thank you it worked ! Now how can I remove the gray background? 

[Asad-Mahmood · Accepted solution]

Insert this code as well there to remove grey background

.card__inner.color-scheme-2.gradient.ratio {
    background: transparent;
}

[INKLY]

Thank you very much !