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: Dante
• June 24, 2014 at 8:29 pm #85384
  VdEW

  Member

  Post count: 73

  Hi Kyle,

  i tried the costom css:

  The picture still moves and opens the place for the social-icons. The only thing that changes are the social-icons, they disapare after adding the costum css, but the picture still moves up. Do you have any other idea stopping the picture moving to the top when hoover?

  A second question – were can a replace the Social-Icon (Font Awesome) “Linkedin” with the Social-Icon (Font Awesome) for “Xing”

  Font Awesome for Xing is

  fa-xing
  ore
  fa-xing square

  as you can see if you want to: http://fortawesome.github.io/Font-Awesome/icons/

  Thank you!

  —–

  Before

  Kyle – SUPPORT wrote:

  Hi

  Add this to your custom css:

  .team-member figure:hover img {
  transform: none;
  }
  .team-member figure:hover figcaption {
  display: none;
  }

  June 24, 2014 at 8:30 pm #85386
  VdEW

  Member

  Post count: 73

  .

  June 25, 2014 at 8:12 am #85513
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  For the css I gave you, it should be:

  .team-member figure:hover img {
  transform: none;
  -webkit-transform:none;
  -moz-transform:none;
  }
  .team-member figure:hover figcaption {
  display: none;
  }

  Do you want to change the social icon of the social shortcode?

  – Kyle

  June 25, 2014 at 1:12 pm #85720
  VdEW

  Member

  Post count: 73

  Yes you gave me before
  -webkit-transform:none;
  -moz-transform:none;
  was missing. now it’s perfekt! Thank you!

  I would like to change a social icon with “XING” ore add XING completely new – for example in the Team-Member area to show it when klicked “see details”

  By the way “XING” is a famous Social business network in germany.

  Thank you Kyle

  June 25, 2014 at 1:22 pm #85729
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Open up single-team.php and edit line 107:

  <?php if ($member_linkedin) {?><li class="linkedin"><a href="<?php echo $member_linkedin; ?>" target="_blank"><i class="fa-linkedin"></i><i class="fa-linkedin"></i></a></li><?php } ?>

  – Kyle

  June 25, 2014 at 1:45 pm #85757
  VdEW

  Member

  Post count: 73

  Great! 🙂

  The last thing for today: how to change the height for the team-member picture in the carousel?

  June 25, 2014 at 1:55 pm #85767
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  You need to go to swift-framework/page-builder/builder/shortcodes/team-carousel.php and edit line 97:

  $image = sf_aq_resize( $img_url, 270, 270, true, false);

  The 2 values are 270

  – Kyle

  June 25, 2014 at 8:55 pm #86010
  VdEW

  Member

  Post count: 73

  Thank you Kyle you’re the best!

  June 26, 2014 at 12:26 am #86054
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Cheers Kyle!

  – Ed

• Back to forum

  Posted in: Dante