Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #17777

    Can you guys please help? I was looking at a sort of similar post for a different theme but it didn’t correlate directly.

    Thanks. I have an icon I created but not sure how to get it up there and behave like the other icons.

    #96798

    1) Place your icon into the social icons folder (wp-content/themes/sentence/images/layout) and call it: icon-pinterest.png

    2) Add following css code to css/custom.css (attention it won’t work with the quick css field):

    .social_bookmarks .pinterest{
    background-image: url(../images/layout/pinterest.png);
    }

    3) In header.php replace:

    echo '	<li class="rss"><a href="'.avia_get_option('feedburner',get_bloginfo('rss2_url')).'">RSS</a></li>';

    with:

    echo '	<li class="pinterest"><a href="http://my-pinterest-account-url">Pinterest</a></li>';

    and instead of “http://my-pinterest-account-url” insert your pinterest account url.

    #96799

    Great… I need to that too… also need LinkedIn and G+.

    Will more icons be coming to theme?

    #96800

    Hi!

    I’m not sure – I’ll tag this thread for Kriesi.

    Regards,

    Peter

    #96801

    Awesome!

    Next question…how do i change the hover color to red to match Pinterest?

    I was looking around but couldn’t figure it out.

    Thanks so much for the help!

    #96802

    Hi,

    Can you give us a link to your website so that we can inspect it and give you a proper css solution?

    Regards,

    Ismael

    #96803

    alightfilledlife.com

    #96804

    Hi!

    Add following code to css/custom.css:

    #top .social_bookmarks .pinterest:hover   {background-position: -47px center; background-color:#de5a49;}

    and change the color value.

    Best regards,

    Peter

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Want to add Pinterest icon to social media icons in the header.’ is closed to new replies.