Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 17, 2016 at 7:56 pm #615871
    Justin

    Hey gents,
    how best can I approach this page…
    I want to have the image turn to color on the rollover..
    I would like the icons to be subtle so the user knows they are there….
    Then glow 100% on the rollove (with image turning to color).

    And more challenging…how can I add a custom icon that reads BIO…as a 3rd option.

    Thanks,
    JS

    • This topic was modified 8 years, 8 months ago by Justin.
    April 19, 2016 at 2:34 am #617005
    Yigit

    Hi Justin!

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

    .avia-team-member .team-social { opacity: 0.4; visibility: visible; }
.team-social-inner a:nth-child(6):before {
    content: 'BIO'!important;
}

    then please add additional icon, does not matter which one.

    Cheers!
    Yigit

    April 19, 2016 at 4:53 pm #617547
    Justin

    Thanks Yigit…BIO is slightly off-centered…and the team person’s photo in the background should turn to color on the hover.
    And the icons (team-social-inner) close to the bottom of the frame where it renders that way on mobile as well.

    Thanks!

    • This reply was modified 8 years, 8 months ago by Justin.
    April 20, 2016 at 3:11 am #617912
    Yigit

    Hi!

    Can you please post temporary logins here privately? :)

    Cheers!
    Yigit

    April 20, 2016 at 3:45 am #617936
    Justin

    I did manage to center BIO

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Team Member Icons’ is closed to new replies.