Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 30, 2014 at 5:03 pm #217036
    Guilherme

    What is the Quick CSS to make the top header (social media icons) larger?

    January 30, 2014 at 5:06 pm #217040
    Yigit

    Hi Guilherme!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

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

    Regards,
    Yigit

    February 3, 2014 at 3:12 pm #218801
    Guilherme

    that worked fine :)

    What about if i need to space it a little?

    February 3, 2014 at 3:17 pm #218805
    Yigit

    Hi!

    Please add following code to Quick CSS as well and adjust as needed

    #top .social_bookmarks li { margin-right: 10px; }

    Cheers!
    Yigit

    February 3, 2014 at 3:22 pm #218809
    Guilherme

    That did not work

    February 3, 2014 at 3:29 pm #218815
    Yigit

    Hey!

    I have just checked your website and it seems like you have added wrong class. You are using
    #top .social_bookmarks li a instead of #top .social_bookmarks li
    Please check once again

    Regards,
    Yigit

    February 3, 2014 at 3:30 pm #218816
    Guilherme

    My quick CSS code looks like this:

    #header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 125px !important;
line-height: 125px !important;
max-height: none !important;
}

#top .social_bookmarks { top: 20%; }

.home .template-page.content.twelve.alpha.units {
    padding-top: 5 !important;
    padding-bottom: 0 !important;
}

#top .social_bookmarks li a { font-size: 18px; margin-right: 10px; }
    February 3, 2014 at 3:37 pm #218819
    Yigit

    Hi!

    Please remove margin-right: 10px; from the bottom line and add (copy&paste) the code i posted here https://kriesi.at/support/topic/what-is-the-quick-css-to-make-the-top-header-social-media-icons-larger/#post-218805

    Regards,
    Yigit

    February 3, 2014 at 3:39 pm #218821
    Guilherme

    That’s more like it! Thanks :D

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘What is the Quick CSS to make the top header (social media icons) larger?’ is closed to new replies.