Customize Social Media Icons with coding (without Plugins)?

  • I want to change the appearance of the social links icons in my social links menu of my site. I do NOT want to use plugins, I want to change the raw coding to do this — none of the plugins I’ve found for changing the appearance of icons actually work.

    I have linked to the actual site, but to make it easier, here is a screenshot of the specific issue I want to change.

    https://drive.google.com/file/d/1kTBmfV9O3NkwD7TwRWj5z1pC_HoQOi5Q/view?usp=sharing

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

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

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

    (@sterndata)

    Volunteer Forum Moderator

    How do you want to change the appearance of the links? It appears you’re using a plugin called “social warfare”.

    Thread Starter cdmacalister

    (@cdmacalister)

    Social Warfare is not relevant to this particular issue — that plugin is for different purposes. (I use it specifically to add share buttons at the bottom of blog posts.)

    I would like to be able to add custom icons. You may notice that the last three social link icons specifically are smaller, independent, less used social networking platforms, and so for them in particular I need to be able to add custom icons/images.

    Thread Starter cdmacalister

    (@cdmacalister)

    In other words, I want to upload images to the media folder and then make those images the icons.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    The icons use a font, Genericons. (https://wojnowski.net.pl/main/index/genericons-unicode-values) The character displayed is selected by your theme based on the domain of the social media target. You could override the character or event the fonts, or use your own uploaded images.

    Thread Starter cdmacalister

    (@cdmacalister)

    Okay, this is making a lot more sense now; thanks much. I know some computer coding stuff compared to the general population, but not compared to actual programmers and coders. So I am able to figure out a lot of this as I go along, as long as I ask questions such as in this thread.

    This Genericon font you mention has some of the icons I would like to use, but not all of them. You say it is also possible to use my own images too. What coding procedure(s) do I need to know/use to do that?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    You’d have to override the CSS that assigns a font and character. I’d use a blank and assign a background image.

    Thread Starter cdmacalister

    (@cdmacalister)

    Is/are there link(s) you could give me to explain how to do this (or to figure *out* how to do it)?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Customize Social Media Icons with coding (without Plugins)?’ is closed to new replies.

Tags