luisluetkehellweg

I don’t know exactly, how the mastodon profiles work. href*="mastodon.social" assigns this icon to all social links, that contain “mastodon.social”, so if you have another URL for the server, you need to adjust it. If it contains “mastodon.social”, you can just add an individual link to your menu with your account and the icon will appear.

Yes, there is: You can use this icon https://fontawesome.com/icons/mastodon?f=brands&s=solid. For doing this, add

.social-menu a[href*="mastodon.social"]::before { content: '\f4f6'; font-family: 'Font Awesome 5 Brands'; }

to stylesheet.css.

So there is no official list, but like this, you can use every fontawesome icon.

• This reply was modified 1 year, 10 months ago by luisluetkehellweg.

In line 1100 of the style.css (class: archive-post-date), you can change the fontsize to font-size: 0;.

• This reply was modified 3 years, 7 months ago by luisluetkehellweg.

Oh, that wasn’t intelligent. Look at my homepage using Hitchcock

So, what I did was that I changed that 508 to 1240px, that it’s not scaled up anymore. In my opinion, it worked. Just look at the last post on in comparison to the others. That’s what you mean, right?

Nein, es hat geklappt. Ich sehe die Icons! K?nnte daran liegen dass es noch falsch gecachet ist oder so aber es klappt!

You can change this in the function.php as well, is less work!

Füge einfach das in das Stylesheet ein, dann hast du es sowohl für XING als auch für houzz.de:

.social-menu a[href*="xing.com"]::before {
    content: '\f168';
    font-family: 'Font Awesome 5 Brands';
}
.social-menu a[href*="houzz.de"]::before {
    content: '\f27c';
    font-family: 'Font Awesome 5 Brands';
}

Sieht dann einfach noch cleaner aus.

Viele Grü?e aus Indien! ??

Hi Mahoessen,
that is not a problem: simpy change the colour in your Style.css, line 196 from #1d1d1d to #fff. But this will lead to an ugly looking menu because of the dividers. So change in your Style.css line 206 also “/” to ” “.
For your submenu, just change in the Stylesheet line 279 the colour to #fff again.
For your black text, change in the Stylesheet line 216 the colour to #000. I would recommend you to change the colour of the hover (line 228) to #999.

Thats it.
But one question: Why aren’t you using the social menu of the theme?

Greetings from another German!

Hi Yols,
just add .social-menu a[href*="mailto"]::before { content: '\f0e0'; font-family: 'Font Awesome 5'; } to the Social Menu Part in the stylesheet.css for a mail Icon or .social-menu a[href*="mailto"]::before { content: '\f304'; font-family: 'Font Awesome 5'; } for a pen icon.

I solved the problem:
simply add
.social-menu a[href*="snapchat.com"]::before { content: '\f2ac'; font-family: 'Font Awesome 5 Brands'; }
to the Stylesheet.css