Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #10198


    It would be nice if you add the youtube icon together the other social icons in the upper right of the screen.

    If you don’t have plans to implement it, how can it be done? Thank you in advance!


    I’d like to see that too.


    Hi Dietista,

    You can replace one of the other icon options with another site/social site by opening up the header.php file and searching for:

    if($dribbble = avia_get_option('dribbble')) { $social ++; echo "<li class='dribbble'><a href='http://dribbble.com/".$dribbble."'>".__('Follow us on dribbble', 'avia_framework')."</a></li>"; }

    Now, replace the http://dribble.com with http://youtube.com, the Follow us on dribble to Follow us on Youtube. The option for dribble in the theme admin will now be for youtube or whichever was your choice.

    To change the icon, you’ll need to upload the new icon then record the url for where it is. Then, add the following css to your Quick CSS or custom.css with the new icon URL. I’m using dribble as the example so you’ll need to use the appropriate css name that you are replacing.

    .social_bookmarks .dribbble{background: transparent url(../images/layout/icon-dribbble.png) 0 center  no-repeat;}
    .social_bookmarks .dribbble:hover{background-position: -42px center; background-color:#e44885;}

    You’ll notice that the hover effect is moving the icon instead of completely replacing it. You may need to change the hover effect depending on the icon you use.


    Thank you for your answer. As this question is asked several times, it would be great if the team makes an icon-youtube.png file with the right images.



    We will surely notify Kriesi about that.

    For now, I’m sure Devin’s instructions will work. :)



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

The topic ‘Add youtube social icon’ is closed to new replies.