Home Forums THEONE HTML Theme Making team pictures appear with rounded corners

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10997
    RimRib
    Participant
    Purchased

    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.

    #10998
    SeaTheme
    Keymaster
    Purchased

    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%;}
    #11000
    RimRib
    Participant
    Purchased

    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!

    #11004
    SeaTheme
    Keymaster
    Purchased

    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%;}
    #11005
    RimRib
    Participant
    Purchased

    Perfect, thank you guys for a quick help.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!