round edges image containers

[clau]

Hello my Prestashop friends!

In PS 1.6 rounding (all) image corners was pretty simple, but i cant find out how to do it this in 1.7.7.2

Should i use .thumbnail-container to do this?  in custom.css or ?

I would like to see that all images / containers are rounded around the edges.

featured products, new products, etc.

not the images themselfs but the container that holds them....i suppose?

Is this possible?  How  🙂

Many, many thanks in advance!!

 

Greetings, Clau

Edited March 24, 2021 by clau (see edit history)

[Mian Waqas]

Hi,

add this code to custom.css file in themes/(your theme name)/assets/css/custom.css

.product_zoom_wrapper>img {

border-radius: 50%;

}

 

the main code is border-radius: 50%; so if the above is not your div class , you can find yours and replace it

 

thanks

[clau]

Hello SMTmardan,

thank you for your help answer but is doesnt work

i also suppose "zoom" is for something with zoom?  

Its not about zoom.

according to google inspector its something like class="thumbnail-container"

But maybe i am wrong.

 

[clau]

i just found it.

in custom.css put

#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container { border-radius: 10%;

}

[Mian Waqas]

4 hours ago, clau said:

i just found it.

in custom.css put

#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container { border-radius: 10%;

}

yes i told you the main code is "Border-radius: 10%;" and to find and replace the div with yours.

i am glad you had find it

stay blessed  

[clau]

you showed me in the right direction, many thanks!!

I also tweaked it a bit more