Archived topic
Site library / Slideout / Lightweight Social Icons
6 replies · Started by xdaniel on January 19, 2023
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
Sorry, it uses Menu Icons and not Toms Plugin.
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;
}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
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.
Hi Fernando,
this is what I was looking for. Thanks a lot!
Daniel
You're welcome, Daniel!