Hi all my store is https://proerex.co.nz/ I’m currently trying to round all the images to look like they do on the shop page however all the code i have tried copy and pasting into Base.css and others is having no effect on these images any helps apperciated thanks.
Topic summary
A user seeks help rounding images on their Shopify store (proerex.co.nz) using the Dawn theme. Previous attempts to modify Base.css have been unsuccessful.
Proposed Solutions:
Three community members offered different approaches:
- Global image rounding: Add CSS with
border-radius: 15px !important;to all<img>tags via theme.liquid file (above</body>tag) - Alternative global method: Similar approach using
border-radius: 20px !important;in theme.liquid - Targeted approach: Add CSS to Custom CSS section in Theme settings, specifically targeting
.image-with-text__media-itemwithborder-radius: 10pxandoverflow: hidden
Status: Multiple solutions provided with code snippets and screenshots demonstrating results. The issue remains unresolved as the original poster has not confirmed which solution worked.
2 Likes
Hey @Temp265
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </ body> tag
<style>
img {
border-radius: 15px !important;
}
</style>
RESULT:
If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
1 Like
hey dear follow these stepsGo to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->before the body ----->if this code work please do not forget to like and mark it solution
<style>
img {
border-radius: 20px !important;
}
</style>
1 Like
Hi @Temp265,
Please go to Customize > Theme settings > Custom CSS and add code:
.image-with-text__media-item {
border-radius: 10px;
overflow: hidden;
}
If I helped you, then a Like would be truly appreciated.
1 Like