Making team pictures appear with rounded corners

[RimRib]

I only manage to set up border radius for the team pictures when they are hovered on, not when normally displayed. Could you please advice how to fix this?

Thanks.

[SeaTheme]

Please try to use the custom css:

.team-item {
-webkit-transition: all .3s;
transition: all .3s;
}
.isotope-item:hover .team-item, 
.team-item-con-back {border-radius: 100%;}

[RimRib]

Thank you for your help! However, it’s not exactly what I’m trying to achieve. Now the elements become round when I hover on them, but still square when not hovered on . I’d like them to be round all the time. Could you please have a look at the website: http://www.teatromokykla.lt

Thank you!

[SeaTheme]

Please update the css

.team-item {
-webkit-transition: all .3s;
transition: all .3s;
}
.isotope-item:hover .team-item, 
.team-item-con-back {border-radius: 100%;}

as:

img-wrap,
.team-item, 
.team-item-con-back {border-radius: 100%;}

[RimRib]

Perfect, thank you guys for a quick help.

[Author]

Posts