Okay
  Public Ticket #496901
Social Buttons
Closed

Comments

  • Chris started the conversation
    August 7, 2015 at 1:10pm

    Hello,

    I am trying to add social buttons using the nectar shortcodes. There is only five in the options though? I would like to add Instagram and Behance.

    Thanks

  •  8,987
    Tahir replied
    August 7, 2015 at 4:11pm

    Hey ,

    You will have to add custom html like below. The inactive class is added so javascript doesnt act on it and the icon acts like a simple link .

    <div class=\"nectar-social full-width items_4 \">
<a href=\"http://facebook.com/islanderkayaks\" class=\"facebook-share inactive\"><i class=\"icon-facebook\"></i></a>
<a href=\"http://twitter.com/islanderkayaks\" class=\"twitter-share inactive\"><i class=\"icon-twitter\"></i></a>
<a href=\"http://youtube.com/islanderkayaks\" class=\"twitter-share inactive\"><i class=\"fa-behance\"></i></a>
<a href=\"http://plus.google.com/+islanderkayaks\" class=\"google-plus-share inactive\"><i class=\"icon-instagram\"></i></a>
</div>

    Thanks

    ThemeNectar Support Team 

  • William replied
    August 7, 2015 at 4:59pm

    Thank you for posting this, I was just about to ask the same question.

  •  1
    Mac replied
    August 11, 2015 at 6:13pm

    Tahir, what is the code for opening in a new window?

    And mouseover makes the logo now disappear, can you give it another effect? The text: FOLLOW US ?

  •  8,987
    Tahir replied
    August 12, 2015 at 3:34pm

    Hey Marc,

    Could you provide the page url so live edit in the browser.

    Thanks

    ThemeNectar Support Team 

  •  1
    Mac replied
    August 12, 2015 at 3:39pm

    http://www.lasaracina.it/new/

    at the bottom of the page

  •  8,987
    Tahir replied
    August 13, 2015 at 1:23pm

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    html body .facebook-share:hover i, html body .facebook-share.hovered i {
    color: #5c80ca!important;
}
html body .twitter-share:hover i, html body .twitter-share.hovered i {
    color: #08c7ff!important;
}
html body .pinterest-share:hover i, html body .pinterest-share.hovered i {
    color: #dc2329!important;
}
html body .google-plus-share:hover i, html body .google-plus-share.hovered i {
    color : #de4b39!important;
}
html body .linkedin-share:hover i, html body .linkedin-share.hovered i {
    color : #409ecd!important;
}

    Thanks

    ThemeNectar Support Team 

  •  1
    Mac replied
    August 13, 2015 at 3:25pm

    Thanks!