Topic Resolution: Resolved
  • Closed
  • Melissa McWilliams
    Spectator
    27.04.2015 at 02:10 #16932

    Hey everyone,

    I’m trying to add a custom social icon to my website, but to have it look just like the others (i.e. animated with the same “rollover” effect and color change). Could someone kindly tell me how to do this, if possible?

    My website is http://www.wingspangraphics.com. For reference, the icon I am trying to change is the Twitch.tv link.

    Please bear in mind that I am not knowledgeable of CSS– so if a code is required, it would be a huge help if I could have something that I can just copy-paste. 🙂

    Thank you for your help!

    Roman
    Spectator
    Posts: 3147
    27.04.2015 at 09:41 #16940

    sorry, but at this moment it’s not possible as the custom icon is inserted in a different way as the main icons, maybe in future

    Melissa McWilliams
    Spectator
    Posts: 6
    27.04.2015 at 19:27 #17000

    Thank you for the reply. 🙂 In that case, is there a way to disable the “rollover” animation on the default social icons, so that the custom and default icons look as similar as possible?

    Roman
    Spectator
    Posts: 3147
    27.04.2015 at 19:49 #17005

    sure, Custom CSS:

    .t4p-social-networks span.t4p-icon-holder:hover a {
    top: 0%;
    }

    Melissa McWilliams
    Spectator
    Posts: 6
    28.04.2015 at 03:13 #17015

    Wonderful; thank you so much! 🙂