How to display image as a circle picture and not square

New Member
1 0 0

Hi,

Please could you help me with this,

I am using the theme "Debut" and I want to display the images in a circle format oppose to the default square. Is this possible? please help!

Many Thanks

Jacky

0 Likes
Tourist
15 0 1

Hi Jacky,

Can you provide a link to the site and a password if necessary?

I had a look at the Debut theme demo, try adding this to your themes CSS:

.grid-view-item__image-wrapper .grid-view-item__image {border-radius: 50%;}

Let me know if that works.

0 Likes
New Member
11 0 0

Hi @Dave_Quigley1 ,

I came across this post and tried the code you have provided and it works but this only works when viewing a list of products.

 

Can you provide some code to make a picture circular when viewing the product on the product page please?

 

Many Thanks

0 Likes