Size of social icons

  • I’ve added my social icons to the top of the left column in my layout. But I think they’re rather tiny. I see an option to modify the color and the title but not the size. Is there a way to may them larger?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • If I inspect your page in Chrome, I see that something is setting the style colour and font size of your individual social links.

    <li>
<a rel="nofollow noopener noreferrer" class="social-tooltip" title="Facebook" aria-label="Facebook" href="https://www.facebook.com/3develop.nl" target="_blank" style="color:#f9f9f9;font-size:11px">
<i class="fab fa-facebook"></i></a>
</li>

    If I remove the ;font size:11px part, the displayed icon returns to it’s normal size.

    I don’t have exactly the same code in my theme, but hopefully this has been of some help.

    Thread Starter Frans Blok

    (@frans-blok)

    Thanks for the reply. There’s indeed something setting the font size to 11px but I have no idea how it gets there. It may be possible to do something in custom css but that’s not really my field of expertise. And I’d expect there would be a simpler option to modify the size, especially since this default option is so tiny.

    If you have a look at the Hueman demo site https://demo-hueman.presscustomizr.com/ and my own site, you’ll see that by default the social icons are larger than on your site.

    You may be using a child-theme of Hueman to do site customization?

    Your site is using Inline CSS to style those icons, and inline styles take precedence over those in a stylesheet, unless you use the !important keyword.

    Therefore, without knowing too much about your theme customisations and plugins, I would try entering the following code in [Appearance > Customise > Advanced options > Additional CSS] section (it’s up to you if you want to go smaller or larger than 30px, or maybe even chose something like 1.5rem instead). 

    .social-links li a {
    font-size: 30px !important;
 }

    Let me know how you get on ??

    • This reply was modified 2 years, 1 month ago by jtonline.
    • This reply was modified 2 years, 1 month ago by jtonline.
    Thread Starter Frans Blok

    (@frans-blok)

    Wow, that works like a charm! Although I think 21px is large enough. Thanks a lot for the advice!

    Pleased to hear it. Looks better now ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Size of social icons’ is closed to new replies.

Tags