Change the size of the Social Icons

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

/* START OF Change the size of the Social Icons */
/* Header Social Icons */
.navbar-inner .social-block {
font-size: 2em;
}
/* Footer Social Icons */
.colophon .social-block {
font-size: 2em;
}
/* Sidebar Social Icons */
.tc-sidebar .social-block {
font-size: 1.5em;
}
/* Credit: @chappie */
/* END OF Change the size of the Social Icons */

 

1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then ‘2em’ is 24 pt. The ’em’ is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses
(Source: w3schools.com)

7 thoughts on “Change the size of the Social Icons”

Comments are closed.