Social Icons In Ethos Top Bar: Can I Make Them BIGGER? – Themeco Community

Social Icons In Ethos Top Bar: Can I Make Them BIGGER?

Studio Church — Wed, 07 Jan 2015 02:16:08 +0000

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/

Reply To: Social Icons In Ethos Top Bar: Can I Make Them BIGGER?

Christopher — Wed, 07 Jan 2015 08:50:49 +0000

Hi there,

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

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

Hope it helps.

Reply To: Social Icons In Ethos Top Bar: Can I Make Them BIGGER?

Studio Church — Wed, 07 Jan 2015 18:45:41 +0000

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!

Reply To: Social Icons In Ethos Top Bar: Can I Make Them BIGGER?

Christian — Thu, 08 Jan 2015 00:39:40 +0000

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. 🙂

Reply To: Social Icons In Ethos Top Bar: Can I Make Them BIGGER?

Studio Church — Thu, 08 Jan 2015 16:55:50 +0000

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/

Reply To: Social Icons In Ethos Top Bar: Can I Make Them BIGGER?

Rad — Fri, 09 Jan 2015 02:00:16 +0000

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!