How can I change the Icon of a Custom URL in my social menu?

  • Unknown's avatar
    dimaxpab · Member ·

    Site I need help with: http://youthofubc.com

    Hi, so for this website i have a social menu with custom links attached. is there a way i can change the icon picture?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    aakashpatelsite · Member ·

    Hi,

    If you want to change the social icon then you should follow following steps.

    1. Go to your Customizer → Widgets in your homepage,
    2. Find the Text Widget, and drag it into your page
    3. For the image URLs, find the social icon in your Media Library and click “Edit.”
    4. Then, copy the entire File URL
    5. Repeat with all of the links and image URLs.

    Thanks,
    Aakash Patel

  • staff-loquaciousloon · Staff ·

    Hi @dimaxpab!

    It sounds like you’re looking at the Social Links Menu in the footer of your theme – that menu generates icons based on the URL you enter, and uses a “link” icon when it doesn’t recognize the site you’ve linked to.

    There isn’t a setting for those icons, but it could be possible with some somewhat advanced CSS.

    A better solution (to avoid the intricate CSS you’d need to change the icons for individual items) would be to set up some custom links in a text widget, which is what @aakashpatelsite was referring to above.

    This page has a more detailed description – you would essentially be building your links in HTML, then you could link to your own icon for the custom link :)

    Note – this method does require working with a bit of HTML. There is cod you can copy and edit on that page if you’d like :)

  • The topic ‘How can I change the Icon of a Custom URL in my social menu?’ is closed to new replies.