nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Can font icons like Fontawesome be used?

john_chong

Hi,

We would like to use font icons with our status page. Is there a pre-existing set baked into the application?

Thanks,

John

Accepted answers

Mark Campbell-Vincent_ghir58

Hi @john_chong -

Welcome to the Statuspage community! Font icons can be used by embedding the Fontawesome CDN code in the head section of "Custom header HTML". Once that is added, you can input your font icon code to your preference.

Statuspage_-_Customize_page_and_Slack___sp-feedback___Atlassian.png

Hope this helps!

All comments

Mark Campbell-Vincent_ghir58

Hi @john_chong -

Statuspage_-_Customize_page_and_Slack___sp-feedback___Atlassian.png

Hope this helps!

john_chong

worked the first time! thanks!

Tim Dolson_phtwps

@Mark Campbell-Vincent Hey Mark. I understand the above but how do I replace, for example, the Statuspage default fa-check icon to the fa-circle-check icon?

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

cloud

statuspage