-
Posts
-
It looks like the Mastodon social icon is not supported? What is the best and easiest way to add this icon?
Thank you! Vicki
Hi,
Adding extra social icons in Roseta (and our other themes) is a task complex enough to warrant its own dedicated tutorial, which we hope to get around to eventually.
Until then, adding Mastodon (and a couple of other services) to the included icons list is on our to-do list for as soon as possible.
If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.you can add a new icon yourself
at fontello.com
download the font called socials
then add new iconsthen you need to create a child theme
style.css will be created in it
download these fonts in a separate folder in my case fontsopen it and add a description of the inoknok e.g. whatsapp and telegram
—————-
/* Social Icons */
@font-face {
font-family: ‘socials’;
src: url(‘/fonts/socials.eot’);
src: url(‘/fonts/socials.eot?#iefix’) format(’embedded-opentype’),
url(‘/fonts/socials.woff’) format(‘woff’),
url(‘/fonts/socials.ttf’) format(‘truetype’),
url(‘/fonts/socials.svg?#socials’) format(‘svg’);
font-weight: normal;
font-style: normal;
}.socials a::before,
.socials a::after,
[class^=”socicon-“]::before,
[class*=” socicon-“]::before {
font-family: “socials”;
font-style: normal;
font-weight: normal;
speak: never;
content: ‘\e83d’;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}.socials a.whatsapp::before { content: ‘\f232’; }
.socials a.telegram::before { content: ‘\f2c6’; }.socials a.whatsapp::after { content: ‘\f232’; }
.socials a.telegram::after { content: ‘\f2c6’; }.socials-whatsapp::before { content: ‘\f232’; }
.socials-telegram::before { content: ‘\f2c6’; }
—————-Website: urouter.ru
You need to log in to reply to this topic.