J4 Natalie - fontawesome not working

Votes

Undo

Oliver
Commercial Templates
Monday, 11 September 2023
Subscribe via email

Hello Ciaran,

unfortunately the fontwawesome icons in template J51_Natalie do not seem to work correctly.

I used the syntax



<span class="fas fa-phone"></span>

but it does not work.

I also installed template J4 Layla and the icons work with this template correctly.

In the templates options under Typographie the option "Load fontwaesome" is set to YES.

The page was a migration from J3 to J4. i only did change the icons on the header-2 module positon in the right upper corner. All other icons are on the site do not have the correct syntax yet.

Maybe I have done something wrong?

Any help would be appreciated

Regards
Oliver

Responses (2)

Oliver

Accepted Answer Pending Moderation

Votes

Undo

Ciaran - thank you very much for that quick answer.

Works fine, thank you!

Regards
Oliver

more than a month ago
Commercial Templates
# 1

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hi Oliver

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

[class^="fa-"]::before, 

[class*=" fa-"]::before {

    font-family: inherit;

}

Ciaran

more than a month ago
Commercial Templates
# 2

Page :
1

There are no replies made for this post yet.
Be one of the first to reply to this post!

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

J4 Natalie - fontawesome not working

Site Links

Recommended

Join Our Newsletter