Making circular images for products on homepage

Highlighted
New Member
5 0 0

Ive been trying to solve this for awhile and its bugging me, my featured items right now are all square and ive been trying to code it to turn it to circles and i havent had such luck. I actually want all my images to turn into circles. If someone can help me that would be awesome. Im also using the brooklyn theme if that helps

0 Likes
Astronaut
956 116 221
You just need to apply a border radius of 50%. I'm on mobile but I'll give you an example tomorrow if you dont get it figured out.
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
New Member
5 0 0
Ya I can wait for the example tomorrow
0 Likes
Astronaut
956 116 221

Alright so you just have to apply a class name to your img tag and then add a border radius:

 

<style>
.my-image{
border-radius: 50%;
}
</style>
<div class="">
<img class="my-image" src="/path/to-your-image.jpg">
</div>

If you can link to your website (and password if password protected) and show which part you want to edit I can give you more specific info.

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes