Below are instructions on how to add FontAwesome icons when you use a "Pro" icon. If you do not use "Pro" icons, here is how to upload free icons: How do I add vector icons from fontawesome.com to a Rocketspark website?
-
Copy the piece of code below needed for Font Awesome to work with Rocketspark
<!--<script src="https://kit.fontawesome.com/4b2bbdf5f4.js" crossorigin="anonymous"></script>-->
- In the code you copied, adjust the number 4b2bbdf5f4 to your unique FontAwesome number
- Add a new code block and paste the copied code.
- This code will be hidden from the public - which will look like the below
- Log into Font Awesome or create a new account https://fontawesome.com/
- Find a PRO icon and copy the HTML code provided. This code may look the below but it will be custom to your icon.
<i class="fa-solid fa-pen"></i>
- On your Rocketspark page, add a new Text Block.
- Choose if you want to add the icon to the heading or paragraph section and click the "source mode" icon <>
-
Paste the HTML Font Awesome code and save.
- Add any additional text and save changes again.
- For this icon to display, you will need to adjust the original code added previously (steps 1-4) with the new code below (make sure that you change the number 4b2bbdf5f4 to your unique code).
<script src="https://kit.fontawesome.com/4b2bbdf5f4.js" crossorigin="anonymous"></script>
If you need to edit the text block with the FontAwesome icons, you will need to change the original code again ( add <!-- and --> to the top script, or highlight the top script and use the shortcut Command + / for Mac or Control + / for Windows)./
Please contact support@rocketspark.com if you have any questions