Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 28, 2014 at 7:43 pm #359830
    ftt123

    hello,
    is it possible to make the member team image shape circle instead of squared?
    thanks!

    November 28, 2014 at 7:46 pm #359835
    Yigit

    Hi ftt123!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .team-img-container {
border-radius: 100px;
}

    Cheers!
    Yigit

    November 28, 2014 at 8:44 pm #359866
    ftt123
    This reply has been marked as private.
    November 30, 2014 at 6:04 am #360221
    Josue

    Hey!

    I added it again, but this time in a different location so it survive updates.

    Regards,
    Josue

    November 30, 2014 at 6:12 pm #360317
    ftt123
    This reply has been marked as private.
    November 30, 2014 at 7:24 pm #360347
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

    August 20, 2015 at 2:30 am #490507
    codemode

    FYI – If you make the team member image a circle, I discovered a minor issue with the hover effect on Chrome – the overlay is temporarily a square upon hover, but then goes to circle.

    August 20, 2015 at 3:41 pm #490844
    Yigit

    Hey!


    @codemode     Can you post the link to your page where we can see the issue please?

    Regards,
    Yigit

    August 21, 2015 at 2:56 am #491143
    codemode

    Hi

    It appears to happen on Chrome and Safari but not Firefox. I’m using the custom style mentioned above to make the team member image a circle. However, on Chrome and Safari, there is a slight delay from the square png overlay to the circle overlay when you rollover the image.

    If it’s a browser compatibility issue, how can I remove the team member image overlay all together?

    August 21, 2015 at 9:49 am #491219
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    August 21, 2015 at 7:36 pm #491566
    codemode

    See test link. I’d like to remove the team member overlay oh hover.

    August 21, 2015 at 8:42 pm #491596
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia-team-member .team-social {
    border: 0;
    background-color: transparent;
}

    Cheers! 
    Josue

    August 21, 2015 at 9:10 pm #491609
    codemode

    Perfect thanks!

    August 21, 2015 at 9:21 pm #491613
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘member team image shape’ is closed to new replies.