Home › Forums › THEONE HTML Theme › Making team pictures appear with rounded corners
- This topic has 4 replies, 2 voices, and was last updated 4 years, 5 months ago by
RimRib.
Viewing 5 posts - 1 through 5 (of 5 total)
- AuthorPosts
- July 31, 2016 at 4:32 pm #10997
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.
August 1, 2016 at 1:12 am #10998Please 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%;}
August 1, 2016 at 2:32 pm #11000Thank 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!
August 2, 2016 at 1:56 am #11004Please 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%;}
August 2, 2016 at 7:23 am #11005Perfect, thank you guys for a quick help.
- AuthorPosts
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.