Shopify themes, liquid, logos, and UX
Hello,
I've stumbled upon a similar topic (from a year ago) with the same question, however, the solution that was offered didn't work for me.
The topic offered the following code below, and had to be placed at the bottom of the assets/base.css. But it sadly made no change to my website.
.card--outline:not(.card--soft) { border: 0rem solid transparent !important; } .product__media-list .product__modal-opener { border: 0rem solid transparent !important; }
I'm using the Dawn theme and wonder, is there perhaps a different snippet of .CSS code that I could use to remove the thin border around the images in the product pages?
Below shows an image of the thin borderline I mentioned.
Thanks so much in advance for your time in advance,
Solved! Go to the solution
This is an accepted solution.
Hi @irrimiri ,
You can try follow the instruction below:
1. Go to Online Store -> Theme -> Edit code.
2. Asset -> /base.css paste code below into end of the file.
.global-media-settings {
border: none !important;
}
If code doesn't work. Please share your store URL and password of front view.
So that I will check and let you know the exact solution here.
Best regards.
HaloThemes - Top Premium Shopify Theme Provider
Ella Shopify Theme OS 2.0 - #1 Best Selling Shopify Theme of All Time
Want to try Shopify? Open a Store for FREE
Hello @irrimiri
Welcome to the Shopify Community! Please share your store URL, so that I can check you issue and will back to you with proper solution. Have a Good Day!....
Please share your store URL, so that I can check your issue and will back to you solution
Thanks so much for the offer to help. But it's solved 🙂
I just tried Halothemes' code snippet, and it worked like a charm.
Thanks so much for the offer to help. But it's solved 🙂
I just tried Halothemes' code snippet, and it worked like a charm.
This is an accepted solution.
Hi @irrimiri ,
You can try follow the instruction below:
1. Go to Online Store -> Theme -> Edit code.
2. Asset -> /base.css paste code below into end of the file.
.global-media-settings {
border: none !important;
}
If code doesn't work. Please share your store URL and password of front view.
So that I will check and let you know the exact solution here.
Best regards.
HaloThemes - Top Premium Shopify Theme Provider
Ella Shopify Theme OS 2.0 - #1 Best Selling Shopify Theme of All Time
Want to try Shopify? Open a Store for FREE
This worked! Thank you so much!
it didnt work for me 😞
Can you share your issue with URL.
Hi, it doesn't work for me. I still have the lines around images in my blog articles.
Can you help?
Thanks!
Thalia
@Thalie ,
Please share the issue with URL and password with screenshot.
I'm having the same issue I already tried to customize the code as indicated on this post and it did not fix the problem, I am using Dawn as my theme.
This piece of code doesn't work for me, and I don't really know anything about editing code. Do you have some more detailed information of exactly how to add this code? Thanks!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024