How can I round my product and collection images in the Dawn theme?

Store Design
1

Hey guys! I am trying to round my product and collection images, but I can’t find where to paste the code. Could someone help me please? I am currently using the Dawn theme.

2

@Jpaiva

Please share your store URL and also a screenshot of what do you want!

I will check and send the correct solutions for you.

Thanks!

3

That’s my store: https://futureempires.store/

I would like to round only my product and collection imagens and not all images (I could only find a code that rounded all images). Here is an example of what I am looking for! Also, Do you know how to make a menu that looks like the menu? Here is an example:

Sincerely,

João Felipe Toledo de Paiva.

4

@Jpaiva

1] Please add the following CSS to your assets/base.css bottom of the file.

img:not(.image-banner) {border-radius: 0 !important;}

2 ] Please add the following CSS to your assets/component-card.css bottom of the file.

.card--product {
    position: relative;
    border-radius: 25px !important;
}

Thanks!