Shopify themes, liquid, logos, and UX
How to remove product photo frame in guys dawn 2.0 theme?
https://dasdsa323.myshopify.com/products/test
pass : denteu
Solved! Go to the solution
This is an accepted solution.
please Go to Online Store->Theme->Edit code then go to assets/section-main-product.css ->paste below code at the bottom of the file.
.product__media-list .deferred-media, .product__media-list .product__modal-opener {
border: 0rem solid transparent !important;
}
Thanks!
This is an accepted solution.
hello @test3243
please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
.product__media-list .deferred-media, .product__media-list .product__modal-opener {
border: transparent !important;
}
hello @test3243
can you please share a screenshot which remove product photo frame
This is an accepted solution.
please Go to Online Store->Theme->Edit code then go to assets/section-main-product.css ->paste below code at the bottom of the file.
.product__media-list .deferred-media, .product__media-list .product__modal-opener {
border: 0rem solid transparent !important;
}
Thanks!
This is an accepted solution.
hello @test3243
please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
.product__media-list .deferred-media, .product__media-list .product__modal-opener {
border: transparent !important;
}
i have a problem. I want to change the part in the theme, I do not want to add a new code. Can you tell me where should I change it?
Dear @dmwwebartisan any idea how this works with Dawn 3.0 ?
It does work for me in Dawn 2.0.
I did use your code and pasted into the section-main-product.css. But the fine thin line will always stay there.
If I change your code, I can easy add a blue border or any other.
When I do add a white border, I can see that the border is white, yet that fine thin grey line is still there.
Somehow it must come from somewhere else.
Hi! I recently found the solution : )
While editing the theme, click "settings" -> Media -> Put the border thickness down to 0px.
This worked for me at least!
please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
.product__media-list .deferred-media, .product__media-list .product__modal-opener {
border: 0rem solid transparent !important;
}
Thanks!
it didn't work.
Please share screenshot what do you want!
Thanks!
okay
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