ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• September 8, 2015 at 11:07 am #211230
  sopmarteau

  Member

  Post count: 22

  Hello, I have a question concerning the team rollover options.

  Some people (not all) in our team don’t want / have any social media information to display. But when you roll over their pictures, the rollover effect still works (colored background and large border.. see here http://www.ecovisuel.ch/contact/​ I wish i could remove this hover effect only for team members who don’t have any social media information… Is it possible?​

  Thanks in advance!

  Attachments:

  You must be logged in to view attached files.
  September 8, 2015 at 3:00 pm #211346
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  We can hide overlay for all team members with and witout social icons.
  Thanks
  Mohammad

  September 9, 2015 at 8:54 am #211570
  sopmarteau

  Member

  Post count: 22

  Thanks for your answer. But how/where can I hide overlay for just one team member but not the others?

  September 9, 2015 at 9:00 am #211573
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me name of team member. I will give to you exact css code.
  Thanks
  Mohammad

  September 9, 2015 at 9:05 am #211574
  sopmarteau

  Member

  Post count: 22

  LAETITIA FARRUGGIO, ANNE-MARIE GENDRON, FLORENCE HERICKX, CAROLINE REVERCHON

  (see here http://www.ecovisuel.ch/contact/ )

  Thanks a lot!

  September 9, 2015 at 9:47 am #211585
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .team-members:nth-child(5) figure figcaption, .team-members:nth-child(7) figure figcaption, .team-members:nth-child(8) figure figcaption,.team-members:nth-child(11) figure figcaption{
  display:none !important;
  }

  Thanks
  Mohammad

  September 9, 2015 at 10:01 am #211591
  sopmarteau

  Member

  Post count: 22

  I put your css but it doesn’t work. The green overlay is still displayed for theses team members…

  September 9, 2015 at 11:00 am #211619
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me login detail to check and resolve it.
  Thanks
  Mohammad

  September 9, 2015 at 11:15 am #211624
  sopmarteau

  Member

  Post count: 22

  There you go

  http://www.ecovisuel.ch/wordpressagency/wp-login.php
  sophie
  IFb2VHCoWd

  September 9, 2015 at 11:49 am #211636
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I have resolved the issue by using this custom css code:-

  .team-members > div:nth-child(5) figure figcaption, .team-members > div:nth-child(7) figure figcaption, .team-members > div:nth-child(8) figure figcaption,.team-members > div:nth-child(11) figure figcaption{
  display:none !important;
  }
  .team-members > div:nth-child(5) figure.animated-overlay:hover >img, .team-members > div:nth-child(7) figure.animated-overlay:hover >img, .team-members > div:nth-child(8) figure.animated-overlay:hover >img, .team-members > div:nth-child(11) figure.animated-overlay:hover >img {
      filter:none !important;
  }

  Thanks
  Mohammad

  September 9, 2015 at 12:05 pm #211648
  sopmarteau

  Member

  Post count: 22

  Thanks a lot! It’s almost ok (sorry!!! :-/) I can still see the “blur” effect when I roll over the pic…

  September 9, 2015 at 12:09 pm #211652
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove this custom css code:-

  .team-members > div:nth-child(5) figure.animated-overlay:hover >img, .team-members > div:nth-child(7) figure.animated-overlay:hover >img, .team-members > div:nth-child(8) figure.animated-overlay:hover >img, .team-members > div:nth-child(11) figure.animated-overlay:hover >img {
      filter:none !important;
  }

  Thanks
  Mohammad

  September 9, 2015 at 12:57 pm #211680
  sopmarteau

  Member

  Post count: 22

  In fact I kept your second css and I added -webkit-filter: none; and now it’s working!!!

  Thanks a lot for you time and your help!

  Have a nice day!
  Sophie.

  September 9, 2015 at 1:01 pm #211683
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Great. Thanks Mohammad.
  -Rui

• Back to forum

  Posted in: Cardinal