Hello team, I need little help with tow things first the section borders’ width and the curves of the border end.
Store Link: https://nn1n0h0pgkqghbyo-34794897548.shopifypreview.com
Any help will be appreciated. Thanks
Topic summary
A user seeks help modifying section borders in the Prestige theme, specifically wanting to:
Primary Issue:
- Adjust section border width (which currently displays curved edges)
- Alternatively, remove border-radius from section borders only
Important Clarification:
- Product images should retain their rounded corners
- Only section divider borders need modification
Initial Solution Provided:
A CSS code snippet was offered that removes border-radius globally using border-radius: 0px !important on all elements. However, this approach affects all rounded corners site-wide, including product images.
Current Status:
The solution doesn’t meet requirements since it removes corner rounding from photos as well. The issue remains unresolved—the user needs a more targeted CSS solution that affects only section borders while preserving image styling.
Hello @learnify
Go to online store ----> themes ----> actions ----> edit code ----> theme.css
add this code at the end of the file and save.
#shopify-section-template--18612863500428__slideshow .content-over-media {
max-width: 100% !important;
}
*, :before, :after {
border-radius: 0px !important;
}
@media only screen and (max-width: 768px) {
.product-gallery__media.snap-center.is-initial img, .product-gallery__media.snap-center img {
border-radius: 0px !important;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Photos I want to keep with cornetr, I want to reduce the width of the section borders (because it is also showing a curve in the border.) or just remove the "border radiu’ of the section borders.