Navigation
Archive / Social Icons In Ethos Top Bar: Can I Make Them BIGGER?
This is archived content. Visit our new forum.
  • Author
    Posts
  • January 6, 2015 at 8:16 pm #178066
    Studio Church
    Participant

    The social icons in the Ethos top bar are really SMALL.
    Is there a way to make them larger so they stand out more??
    Thanks!
    http://studiochurch.org/

    January 7, 2015 at 2:50 am #178256
    Christopher
    Moderator

    Hi there,

    Please add the following CSS code under Customize -> Custom -> CSS:

    .x-social-global i {
font-size: 24px;
}

    Hope it helps.

    January 7, 2015 at 12:45 pm #178612
    Studio Church
    Participant

    Now that the social social icons are larger, is there also a way to make the font of the TopBar Content a little larger too? – thanks!

    January 7, 2015 at 6:39 pm #178840
    Christian
    Moderator

    Hey there,

    The code given previously also increases the Topbar social icons. If you want to target it specifically, please add the code below in your Appearance > Customize > Custom > CSS.

    .x-topbar .x-social-global a i {
    font-size:40px;
}

    Hope that helps. 🙂

    January 8, 2015 at 10:55 am #179297
    Studio Church
    Participant

    Hi! The code you provided above increased the top bar and the social icon size in the top bar but did NOT increase the text size in the topbar content. How do I also increase that?
    thanks!
    http://studiochurch.org/

    January 8, 2015 at 8:00 pm #179555
    Rad
    Moderator

    Hi there,

    Hhmm, how about this,

    .x-topbar, .x-topbar a {
    font-size: 24px;
    /* line-height: 24px; */
    }

    Uncomment line height of you wish to align it vertically.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-178066 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>