Fontawesome - Forum | JoomShaper
Solved SP Page Builder

Fontawesome

Asked by Michael Hunschock 3 years ago Last activity 3 years ago

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff

Hi Mike,

you can do it using at least two different (alternative) methods:

  1. You can use custom CSS for that and define extra FA icon for all links from specific addon, class name or row.
  2. Or use old classic method - switch to HTML mode - click on < > and add html before

<i class="fas fa-external-link-alt"></i> <a href="/.....">FIRESTORM</a>

(in case of ... use RAW HTML addon instead, becuase sometimes TinyMCE may cut off empty tags)

some webmasters suggest to use <span> instead of <i> for FA - so keep it in mind.

3 more replies

Paul Frankowski Senior Staff

I know that we are not codecademy.com to teach here CSS, but as a teacher, I can share you extra tip for (1)

#sp-top2 a::before {
  content: "\f35d";
  padding-right: 5px;
  font-weight: 700;
  font-family: "Font Awesome 5 Free";
}

To get that - in less than 90sec.

info_165_2023.jpg

Michael Hunschock Asked this

Hello Paul, thanks for help. I really have to say that I am totally thrilled with your support (the whole team). You are always so helpful and I learn a lot and through that I really get ahead. You don't find that so often. Awesome!

Paul Frankowski Senior Staff

Thanks a lot.


Being with Joomla since 2005 obliges me to share knowledge.

Log in to reply.