How to create round collections in Focal Theme only?

[Alami23]

I am trying to add a collection list in page, and i want this specific collection to have rounded shapes such as the image.

how can i do that without having the rest of the collection lists to reflect the same.

I am using the focal theme.

[ZestardTech]

Hello @Alami23

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Alami23]

Password for what exactly ?

[Moeed]

Hey @Alami23

This section is basically called “Bubble Navigation/Circle Menu”. It’s possible via CSS but won’t look exactly like how you showed in the screenshot. It’s a code customization work. If you’re not familiar with coding then I highly suggest you to reach out to a Shopify developer as they can custom code this section for you.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

You can do that by adding this CSS code at the bottom of your theme.css file

.list-collections__item { border-radius: 50%; }