CTAs
Use Font Awesome in CTAs
Last updated: October 13, 2020
After installing Font Awesome in HubSpot, you can use Font Awesome in your CTAs.
- In your HubSpot account, navigate to Marketing > Lead Capture > CTAs.
- In the upper right, click Create CTA, or hover over an existing CTA and click the Actions dropdown menu and select Edit.
- In the right panel, rich text editor, click the source code icon code.
Please note: <i class=...> elements cannot be used with the source code of HubSpot's rich text editors. When you are implementing Font Awesome icons, it's recommended to use <span> tags as noted in the example below.
<h2>Font Awesome Icons Example</h2>
<ul class="fa-ul">
<li><span class="fab fa-twitter"></span>Twitter Icon</li>
<li><span class="fa-list-ul fa"></span>List Icon</li>
<li><span class="fa fa-camera-retro fa-lg fa"></span>Camera Icon</li>
</ul>
- Enter your code for your Font Awesome icon along with any text, and then click Save changes.
- Click Next, then click Save.
CTAs
Related content
-
Partition your HubSpot assets
Assets across HubSpot can be partitioned so that only the right teams and users can view and edit them. This...
Knowledge Base -
Export your content and data
Learn how to export HubSpot content and data from your account, such as pages, contacts, and files. Please...
Knowledge Base -
Add videos to your HubSpot content
You can add HubSpot Video to your content on your pages, blog posts, and knowledge base articles in a rich...
Knowledge Base
Table of contents
/cta/how-do-i-use-font-awesome-in-my-cta