Add a border radius for image

d_alinus2004

Hello,

Please let me know how i can a border radius for one image?

On the custom CSS section i have add next code:

.circular--square {

  border-top-left-radius: 10% 10%;

  border-top-right-radius: 10% 10%;

  border-bottom-right-radius: 10% 10%;

  border-bottom-left-radius: 10% 10%;

}

Then on the image Custom | Classes i have add "circular--square"

But it's nothing happened..:(

Any ideea how i can make it?

https://www.creare-site-web.com/teams/

Bryan

Hey,

the container has this class, not the image itself.

You need to change your css to this:

.circular--sqare img {

border-radius:10%;

}

I see the class, but there is no CSS in the code, paste your css to theme options>custom css.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

d_alinus2004

Hy,

I have add the code: 

.circular--sqare img {

border-radius:10%;

} 

On Theme Options -> Custom CSS but still not work..:(

Bryan

I checked your page and the class circular--square is missing from the image item, check if you have removed it.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

d_alinus2004

Ah, you have right..!

That's great! Solve the problem..!