Non transparent background in circle category

Hi everyone,

I successfully added a circular layout for my product categories, and the four categories now appear in a circle.

However, there’s a grey square in the background that I want to remove or make transparent.

Does anyone know how I can adjust this?

Thanks in advance!

1 Like

I used this code by the way:

{% if template == ‘index’ %}

.collection-list .media.media--transparent.media--hover-effect { aspect-ratio: 1; border-radius: 50%; }

{% endif %}

Hi @Shoxi !

What’s your site’s url?

Hello @Shoxi

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?