Simple Social Icons font size

[aandrase]

HI to all,

i would like to increase font size for those icons, so please help me and tell me how to do it.

To explain, i want to make facebook or twitter logo bigger (not the whole icon, just icon inside circle, which is font as i know.

i tried to add font-size: 20px; to style.css but no help.

Thanks for your help.

[cwalsh]

You will need to add some additional property to your stylesheet. As you adjust the font size, the overall icon size will increase as well because of the padding built into the styles in the plguin. In order to counteract that, you will need to adjust the padding on your new property so the custom icons would be the same size as the others. The font-size + padding x2 should equal the number you have set for icon size in your widget (the default is 36px).

Here is an example

.simple-social-icons .social-facebook a {
font-size: 36px !important;
padding: 0 !important;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[aandrase]

great, it works as you wrote 🙂

thanks 🙂

[Author]

Posts