Hi Ciaran!

Works now. Thank you very much!

Bye, TD

Thank you for the update. You can also try.

#socialmedia .fa::before {

    font-family: "Font Awesome 5 Brands" !important;

}

Ciaran

Hello, Ciaran,

it did not work. Since I currently have other construction sites, I have put further research on the problem on the back burner for the time being. But the page is still open and you can see the result.

Bye, TD

Thanks TD

You can try adding the following to the Custom CSS field of your template settings. Note however that this will only work for brand icons which would be the most likely social icon...

#socialmedia .fa {

    font-family: "Font Awesome 5 Brands";

}

Ciaran

Hi Ciaran,

in my (real)homepage, I switched back to the included font awesome version.

But I created an exact template copy for you to check the issue: http://www.heimatverbesserer.de/icon-test

I switched-on all Social Media links and created a new one (coffee cup). As you can see, from the build in icons, only RSS is working as intended.

In the menue, for "icon test (2)" I used the class "fa-facebook". Which doesn't show up as well. I also tried class "fab fa-facebook" and "fa-facebook-f". Both without any effect.

So, some food for thought.

Cheers, TD

Hi Torsten

Would you have a URL to an example of this issue?

Ciaran

Hi Ciaran,

thank you for this hint. I tried and it worked for the menue items, where I could use some new fa-classes. But in parallel I lost some of the social media icons (at least facebook & instagram, I did not try all).

Im using the skylar template.

Torsten

Hello

By default, the Ashley template uses Font Awesome so you will need to update to at least Font Awesome 5 which includes the TikTok icon.

To update to FA5...

1. Disable Font Awesome in the General -> Typography tab of your template settings.

2. Add the following to the Custom Code -> Head Custom Code field...

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/v4-shims.css">

Ciaran