Hi,
Is it’s possible to turn square images to circular images for the collection photos in homepage (dawn theme)? Here is the example
Yes, it could be done through custom CSS
Can you share some reference ?
Can you please share your current store URL?
1 Like
Hi there @nareshv ,
Add the following code to your theme.css file
.gradient .card--product, .gradient .media--adapt {
border-radius: 50% !important;
}
The above code won’t adjust other things like text or images background etc. but it’ll change collection images on your homepage to a round shape.
Hope it solves your issue!
1 Like
Thank you so much. It worked
1 Like
@nareshv ,
My pleasure!
I am having trouble figuring out where to add this code on my site. I dont have a theme.css. can you recommend placing it somewhere else?
1 Like
Hi @sarahanncoop ,
In the Assets folder, you’ll see either theme.css (theme.scss) or timber.css. Add the code there and let me know if it works for you.
Hi I have none of these and not sure where to put the code. I am not seeing any of the aforementioned .css or .scss. Are you able to tell me of an alternative. Thanks in advance for your assistance.
no change
i want to do it please
How it worked
no change in my store after using code
same issue with my shopify website as well
Bonjour,
Je rencontre la même difficulté à configurer la liste de mes collections en cercles. Lorsque j’ajoute le code fourni dans le thème liquide, la présentation des collections reste inchangée (portrait) et le code se retrouve en texte dans le pied de page. Merci de m’assister
Here is the quick guide:
