Font Awesome And Joomshaper - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Font Awesome And Joomshaper

MD

mike dickens

Template 4 years ago

Hello i am trying to add a icon to my menu item.

when i add " fas fa-broadcast-tower " to item class it shows up a square..... no icon. i am under the impression that SP Page Builder should have font awesome integrated. what am i doing wrong?

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #45204

Hi Mike,

Let me explain something:

  1. SP Page Builder uses Font Awesome Free 5.15.1 - until webmaster would not disable loading FA in SPPB options.
  2. Your template Newsberg loads Font Awesome Free 5.15.2
  3. Icons in MegaMenu are from Template, not SPPB.
  4. Icons in Menu should be choosed from the list, not added manually. Then CSS is not needed.

As you see both products load new FA 5. But indeed, the only missing part was the code that Ariba gave you already. But to improve icon appearance I suggest small correction:

.fa-broadcast-tower::before {
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    padding-right: 5px;
}

after foto_7291_2021.jpg

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #45150

Hello

Thank you for your query. Could you kindly provide your site URL, please?

0
MD
mike dickens
Accepted Answer
4 years ago #45151

https://frogs2daydev.com/ next to live stream i want an icon

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #45193

Please add this css rule in Custom CSS section:

.fa-broadcast-tower::before {
    font-family: "Font Awesome 5 Free";
}

Kindly do let me know if that works.

0