Using Font Awesome in your UTC content blocks.
Font Awesome is an Internet icon library and toolkit that is used by millions of designers, developers, and content creators. This application can allow you to add interesting graphical elements to your page without using images. The main blocks that utilize Font Awesome are the Text Block and the UTC Cards block.
Topics:
Font Awesome UTC Text Blocks
Font Awesome for UTC Cards
Power C Icon in Font Awesome
Font Awesome UTC Text Blocks
- In your text block window, navigate to text block toolbar and select the “Icons” icon. This will open a menu for you to search and select icons within Font Awesome.
- After selecting your icon, select the green arrow and your icon will appear in your text box!
Font Awesome for UTC Cards
- In the configure menu, navigate to the dropdown menu titled “Card One Icon”.
If you have image selected in the “Card Image” menu, the Font Awesome Icon will override the image. - Within the “Card One Icon” menu, you can choose the icon color, which if no changes are made to this option, then the default color of the icon will be black.
- Then, we have “Icon fa-” field, which is a search field for your desired icon. Font Awesome has over 26,000 icons to choose from, so this field will help you find the exact icon you are looking for. You could simply search the type of icon you are looking for by typing in a one word description. If the description is applicable, you’ll see variations of options appear.
If you don’t see any icon options, you can check the Font Awesome database to find out what icons are available and their assigned labeled. To access this database
Power C Icon in Font Awesome
- In the configure menu of your UTC Card, scroll down and select the “Card One Icon” menu.
- Within the “Additional Font Awesome Settings” section, navigate to the style option and select “Kit Uploads”.
- Now, go back to your “Icon fa-” field, and type “utc-power-c”.
This is the only description that will produce the Power C icon. Therefore, make sure you type it in exactly as instructed. Do not be alarmed if you notice that the search assistant isn’t providing options for you. This is because Power C is a part of UTC’s database, not Font Awesome’s. - After that, scroll down to the bottom of your page and select the “Add Block” option. And there’s our Power C! Please note that this icon is not available for the Duotone effect. The only colors available are blue, gold, black and white.