How can I effectively remove image/video card borders on my site?

kpettit · ‎02-10-2022

Hello I have found solutions to this on the forum that do not work with my site.
I am looking to have the borders removed around the image/video cards, as well as my products.
This site/page is not live yet. Here is the URL
Page preview
https://mtlr3b92a9zd8icw-45856129192.shopifypreview.co

I have tried to put the following code under my assets- base css folder
.card--outline:not(.card--soft) { border: 0rem solid transparent !important; }
.product__media-list .product__modal-opener { border: 0rem solid transparent !important; }

I have had no results with that.

TIA

KetanKumar · ‎02-10-2022

@kpettit

can you please share issue image

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Dbuglabpvtltd · ‎02-10-2022

Hi @kpettit
Actually your product images have border please upload without border images.

banned

How can I effectively remove image/video card borders on my site?

How can I effectively remove image/video card borders on my site?

Community Blog Articles