Hey!
I know I need to put border-radius: 50% in my code to make the images round but I don’t know where in my code. I’d like all the images- or at least home page, to have round images of the products.
thanks
Hi,
you can add this code to your theme.scss file
.rimage__image {
border-radius: 50%;
}
but in order to have a nice design, it is important that all your images has a square factor, 1:1 ratio, otherwise the result will not be pleasant and you’ll get something like this
Hello There,
1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:
.template-index div#shopify-section-1587414592168 img {
border-radius: 50% !important;
}
hello @loveelle
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
.template-index #shopify-section-1587414592168 img.rimage__image {
border-radius: 50% !important;
}
Hi,
Can you help me please with this …
Is the solution same for Ella theme ?
Thanks
We can add border radius:
