Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #25062

    I am new to this theme and cannot seem to figure out how to add more social media icons to the header. I would also like the ability to remove them in the future if not needed and rearrange them in the header. Can anyone help?

    #125662

    Hi,

    Open header.php, find this code

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

    Below, you can add a new social button. For example, we’ll add a tumblr social button.

    echo "<li class='tumblr'><a href='http://www.tumblr.com/username'>Tumblr</a></li>";

    Edit css > minimal-skin.css, find this code

    .social_bookmarks .search_site a{background: transparent url(../images/skin-minimal/icons-social-search.png) 0 0 no-repeat;}

    Below, add this code

    .social_bookmarks .tumblr a{background: transparent url(../images/skin-minimal/icons-social-tumblr.png) 0 0 no-repeat;}

    You need to add your own icon icons-social-tumblr.png on /images/skin-minimal folder.

    Regards,

    Ismael

    #125663

    You’re amazing. Thank you so much. I kind of figured it was something along the lines of that, but I made a few mistakes in the coding in the header.php.

    Awesome!

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

The topic ‘Add Social Media Icons’ is closed to new replies.