Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #13095

    I want to add my own icons, how do I do it?

    #77765

    Hello,

    You can find the code for the social medias on header.php. Simplest way to do it is to find this code.

    if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>";
    if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>";
    <li class="new-social-media"><a href="new-link-for-social-media">New Social Media Icon</a></li>

    Just replace the li class and the anchor link. Style it on your custom.css just like this. You should also provide a new icon image.

    .social_bookmarks .new-social-media a{background: transparent url(../images/skin1/New Social Media Icon.png) 0 0 no-repeat;}

    Regards,

    Ismael

    #77766

    thanks

    #77767

    not working

    I’m trying to add Printerest

    here’s my link

    http://pinterest.com/crushworthymoms/

    is this the correct code?

    if($twitter = avia_get_option(‘twitter’)) echo “<li class=’twitter’>Twitter“;

    if($facebook = avia_get_option(‘facebook’)) echo “<li class=’facebook’>Twitter“;

    <li class=”Printerest”>http://pinterest.com/crushworthymoms

    csuse, this does not work, i get this error:

    Parse error: syntax error, unexpected ‘<’ in /homepages/28/d139802609/htdocs/crush/wp-content/themes/brightbox/header.php on line 102

    #77768

    Hello,

    If you want to add pinterest just do this. Look for this code.

    if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>";
    if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>";

    then at the bottom place this code

    <li class="pinterest"><a href="http://pinterest.com/crushworthymoms">Pinterest</a></li>

    On your custom.css place this

    .social_bookmarks .pinterest a{background: transparent url(../images/skin1/pinterest.png) 0 0 no-repeat;}

    You need to provide the pinterest.png file and place it on images > skin1 folder. It has to be same dimension with the social media icons provided.

    Regards,

    Ismael

    #77769

    tried that and got this error:

    Parse error: syntax error, unexpected ‘<’ in /homepages/28/d139802609/htdocs/crush/wp-content/themes/brightbox/header.php on line 102

    #77770

    Hi gdeadtoo,

    There was a mistake in the code given to you above. You’ll want to make sure you add your Pinterest link after the closing ?>. So this is what you’re looking to do:

    <?php
    if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>";
    if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>";
    ?>
    <li class="pinterest"><a href="http://pinterest.com/crushworthymoms">Pinterest</a></li>

    Regards,

    Mya

    #77771

    I’ll give it a try, thanks

    #77772

    that work!

    #77773

    Hey!

    Glad that Mya could help you :)

    Best regards,

    Peter

    #77774

    I didn’t add new social bookmark link but i did change the icons for the ones that are already in this theme. I used this information to do so.

    #77775

    Glad it helped LateForWork :)

    Regards,

    Devin

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

The topic ‘how do I add new social icons in the header’ is closed to new replies.