[Resolved] Site library / Slideout / Lightweight Social Icons

[xdaniel]

Hello,
I try to rebuild my personal website with site librarys Slideout.
I’m running into trouble with two steps:

a) Where are the social icons? I don’t find the right place for the widget.
b) Is there a way to add Mastodon in the Plugin? Tom didn’t update it for three years?

Best wishes and thanks in advance
Daniel

[xdaniel]

Sorry, it uses Menu Icons and not Toms Plugin.

[Ying]

Hi Daniel,

a) these are menu items, you can find them at appearance > menus.

b) Menu icon plugin is not needed anymore, you can paste your icon’s SVG code directly into the navigation label field, and add this CSS:

.main-navigation li svg {
    fill: currentColor;
    width: 1em;
    height: 1em;
}

https://www.screencast.com/t/fd1ylL2RYcd

[xdaniel]

Hi Ying,
thanks a lot for the reply. This is new to me. Where do I get this code from? I want to add Telegram, Mastodon and E-Mail.
Best, Daniel

[Fernando]

Hi Xdaniel,

To clarify, are you referring to the SVG codes? If so, SVG images can be created through software like Adobe Illustrator. You can also grab SVG codes from various websites like these:

https://icons.getbootstrap.com/
https://www.svgrepo.com/
https://www.svgrepo.com/svg/3109/telegram

If you’re referring to the CSS code provided by Ying, it’s custom-made.

[xdaniel]

Hi Fernando,
this is what I was looking for. Thanks a lot!
Daniel

[Fernando]

You’re welcome, Daniel!

[Author]

Posts