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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024