Okay
  Public Ticket #866141
Social Buttons
Closed

Comments

  •  2
    Fedwa started the conversation

    Hello Nectar Team,
    I've managed to put social icons in Footer Area 2 using a Text widget, but when I click on the icons they share the page on social networks instead of linking to my social pages. How can I set up a link for each one?
    Also I'd like to add LinkedIn and Behance to that set of icons but I don't know how.

    Can you help?

  •  8,996
    Tahir replied

    Hey Again, 

    Add this html code with the inactive class so the javascript doesnt act on it and it acts like a simple link .

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

    Best.


    ThemeNectar Support Team 

  •  2
    Fedwa replied

    Thank you Tahir,

    It worked but the Behance icon is not aligned with the others (screenshot attached). How can I fix that?

    Thanks

  •  8,996
    Tahir replied

    Try the Behance Square icon : 

    <i class="fa-behance-square"></i>

    Also  provide the page url so that i can write up the custom css for whats possible.

    Thanks


    ThemeNectar Support Team 

  •  2
    Fedwa replied

    Didn't work with the square icon unfortunately, still too low...

    url: http://fedwasnoussi.com/

    (I'm setting up a one page website though, don't know if that helps much...)

  •  8,996
    Tahir replied

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
    Best.


    ThemeNectar Support Team 

  •   Fedwa replied privately
  •  8,996
    Tahir replied

    Hey Again,
    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    i.fa-behance {
        display: inline-block;
        vertical-align: middle;
        top: -2px;
    }
    

    Best.


    ThemeNectar Support Team 

  •  2
    Fedwa replied

    Perfect!
    Thanks a lot!