Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 12, 2013 at 8:13 pm #199588
    Sandy

    I need to add YouTube social icon to the header, next to the FB and Twitter icons. I followed the instructions at https://kriesi.at/support/topic/youtube-icon/ but there still is no YouTube option to choose from.

    Also, these icons are very small and lacking colour – they need to be more prominent. What options are there?

    December 12, 2013 at 8:14 pm #199590
    Sandy
    This reply has been marked as private.
    December 13, 2013 at 10:15 am #199839
    Dude

    Hi!

    As far as I know you don’t need to “hack” the theme files because since Enfold 2.4.2 the Youtube icon is supported out of the box. Go to Enfold > Header and select “Youtube” in the “Social Icon” dropdown. Then insert your youtube url into the text field on the right side (“Social Icon URL”) and save the settings.

    If you want to change the size of the icons insert following code into the quick css field

    
#top .social_bookmarks li a {
width: 60px;
line-height: 64px;
min-height: 60px;
font-size: 30px;
}

#top .social_bookmarks {
height: 60x;
}

.header_color .social_bookmarks a{
color: #889095;
}

    and change the px values (and color value) of required.

    Best regards,
    Peter

    December 13, 2013 at 6:14 pm #200022
    Sandy

    Ah – I didn’t have the latest Enfold. Added API so that won’t reoccur. The above code made the icons larger and positioned them lower which is good – but the lines behind it didn’t change, so now the icons are floating halfway down the line and almost touching the logo below.

    December 13, 2013 at 7:01 pm #200033
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #top .social_bookmarks li a {
width: 30px;
line-height: 30px;
min-height: inherit; }

    Regards,
    Yigit

    December 13, 2013 at 9:15 pm #200082
    Sandy

    Perfect, thanks!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add YouTube social icon to header’ is closed to new replies.