I’ve seen alot of posts about making the “Collection” picture cirkular. But i’ve been trying to make an image in my “Image with Text” section circular.
Does anyone know how to do this?
Im using the Debut theme, and im pretty sure i have to make the image Border-radius: 50%.
I just cant find it in the “Edit Code” section and where to put it.
Any help is much appreciated!
Hi, @SakZ !
Rio here from the Shopify Community Team.
That’s a great question. There are a few ways you can do this.
Firstly, the no-code option. You can achieve this same result by using an image editor like Canva, to create a circular image and save it as a PNG with a transparent background. This will achieve the same effect and you can even put other shapes as borders if you need.
Secondly, to find the section you’re looking for, you can click on edit code on your theme, and search for the “Image with text” section. It will show up under the Sections folder as shown below:
Once you’re there you can edit the CSS to create a round border for your image.
If you’re just working on the design, I also suggest checking out our conversion rate optimization blog. We cover the best tips to ensure your visitors convert to customers!
Hope this helps!
Yeah i got that far. I found the class and everything in the Edit Code section. THe only thing is, that there are 400 lines of code for this lil section, and i have no idea how to change the image to circular.
Hi, @SakZ !
Thanks for the quick follow-up! In this case, I would suggest you create a ticket with our team and share the details of what you want. Our theme design team may be able to make the change for you. You can do so at help.shopify.com. You can learn more about the supported changes here.
If you are on a paid Shopify Plan your website also includes some custom design changes. I’d suggest creating the ticket with our team and we can see if we can make that change for you.
