Social Icons – sizing

  • Resolved rynd2it

    (@rynd2it)


    4 days, 21 hours ago

    I have added the social icon block to my page footer template and added the Facebook icon. It appears exactly where I want BUT it is really tiny and I cannot see any setting to change its size.

    Please can you guide me to find the setting

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Mehraz Morshed

    (@mehrazmorshed)

    4 days, 20 hours ago

    Hi @rynd2it,

    Since the specific controls can vary between themes, the most reliable way to change the size of your social icon is by using a small piece of custom CSS.

    Mehraz Morshed

    (@mehrazmorshed)

    4 days, 20 hours ago

    I’ve taken a look at your site, and I was able to locate the CSS that is managing your social icon size. The rule that is currently in effect is the one shown below:

    .wp-block-social-links .wp-social-link svg {
    height: 1em;
    width: 1em;
    }

    Mehraz Morshed

    (@mehrazmorshed)

    4 days, 20 hours ago

    You can simply adjust the height and width values to whatever size you need. Just change the number to make the icons larger or smaller until they look perfect to you.

    To add it to your site, go to the WordPress dashboard and navigating to “Appearance > Customize”. Once in the Customizer, look for the option at the bottom called “Additional CSS.” Paste the code in there and you should see the change happen right away.

    Thread Starter rynd2it

    (@rynd2it)

    4 days, 6 hours ago

    Thank you – that worked

    Mehraz Morshed

    (@mehrazmorshed)

    4 days, 6 hours ago

    @rynd2it, I’m always happy to help.

    Wishing you all the best with your website.

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

You must be logged in to reply to this topic.