A user needed to remove a black border appearing around images on their contact page in their Shopify store (using the Taste theme from www.princeofshop.com).
Solution provided:
border: unset !important for the specific image elementFollow-up issue:
After attempting various fixes before asking for help, the user accidentally made their cart popup box transparent.
Additional solution:
background-color: #fff for the #cart-notification elementBoth issues appear resolved through targeted CSS modifications to the theme’s base stylesheet. The discussion demonstrates common Shopify theme customization challenges where fixing one styling issue can inadvertently affect other elements.
I am trying to remove the black line around the image box on my contact page but can’t figure out how to do it. I searched this forum and found a respond to paste this into .rich-text__content{
border: unset !important;
} file theme css but I can’t find where file theme css is under assets.
My theme is Taste and site is www.pawprinceshop.com
Hello @ChrisRndr,
Try this code:
#shopify-section-template--15581620371521__main .rte img {
border: unset;
}
Thank you so much. That worked perfectly. but…in my effort to figure it out (prior to asking here), I have inadvertently made something else transparent.
When I select a product to put in my cart, the pop up box is now transparent. I pasted code from one of the questions that sounded like my problem but I created a different mess. Any chance you know what code needs to be deleted?
Try this code:
#cart-notification {
background-color: #fff;
}