Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 10, 2014 at 5:42 am #221520
    ShortieD

    Hi There – I’m wondering if there is a way to increase the size of the social media icons in the header of the enfold theme? I’m using the ‘header with social icons and navigation on the bottom’ option.

    thanks

    February 10, 2014 at 9:36 am #221593
    Ismael

    Hi ShortieD!

    You can add this on your custom.css or Quick CSS:

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

#top .social_bookmarks li {
height: 100%;
width: 50px;
}

    Cheers!
    Ismael

    February 11, 2014 at 2:38 am #221996
    ShortieD

    Thanks Ismael – how do I ensure the rollover increases with size along with it?

    February 12, 2014 at 4:17 am #222526
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #top .social_bookmarks li a { line-height: 50px; }

    Best regards,
    Yigit

    October 27, 2016 at 7:31 pm #704974
    madisonstudios1

    When I used this code, including the hover line at the end, it cuts my social icons in half, missing the bottom half.
    Ideas?
    Chris

    October 27, 2016 at 8:06 pm #704986
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #top .social_bookmarks li a {
    font-size: 20px;
}

    If that does not help, please post the link to your website.

    Regards,
    Yigit

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