How to replace Genericons with SVGs in social links menu (coding, not plugins)?

  • Currently, my site has a social links menu on the right-hand side*. Right now, the icons displayed for each link use the Genericon font instead of image files.

    I would like to be able to upload my own SVG icons, using image files for my icons instead of fonts. I want to do this WITHOUT the aid of plugins, instead of changing raw coding to do this.

    My reasons for not wanting to use plugins are twofold:

    (1) None of the plugins for supposedly doing this actually work when I try them.

    (2) I would rather do it through the raw coding anyway. It’s better to not rely on more plugins when fewer will do, IMO.

    How do I go about doing that?

    * Portrayed HERE: https://drive.google.com/file/d/1kTBmfV9O3NkwD7TwRWj5z1pC_HoQOi5Q/view

    • This topic was modified 3 years, 7 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    As the genericons are part of the Twentyfifteen theme, I think your best approach is to create a child theme and modify the file that generates that menu to use SVGs instead of genericons.

    Thread Starter cdmacalister

    (@cdmacalister)

    I happen to already be using a child theme of that theme — specifically, Speculate.

    So what do I do specifically to modify the file that generates that menu to use SVGs instead?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I don’t know off hand. Look through the files to find the one at defines and builds the social menu. You may also have to modify the CSS for those menu items.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to replace Genericons with SVGs in social links menu (coding, not plugins)?’ is closed to new replies.