Icon + Header issue


I have been playing around with various Components and Content to see if I can create a header with an Icon. I am stumped. Any ideas how I can do a large version of these, as a page header? Worst case I am thinking of creating an image and using Media Group, but I’d prefer a more elegant solution that actually uses Icon Font.

Screen Shot 2021-08-08 at 11.04.02

Thanks in anticipation


You can add any FontAwesome 4 icon directly into the Header stack’s content area using the following codes.

<i class="fa fa-calculator" aria-hidden="true"></i>

<i class="fa fa-gavel" aria-hidden="true"></i>

<i class="fa fa-line-chart" aria-hidden="true"></i>

Place those before your header text.

Screen Shot 2021-08-08 at 6.19.48 AM


Hi Don H,

Many, many thanks. Awesome forum.



Hi, this has worked for many icons but, for example, ‘grid’ and ‘balance (scale)’ aren’t working. I have double-checked elsewhere on my site and that’s what they are/were called but won’t show up as an icon when used now. Those labels still appear in icons for labels.

Any ideas please?

After some sleuthing discovered that FA now calling balance (scale) balance-scale, which works. Just now need to dig around and find out what the other missing ones have been renamed.

Just look them up here: Font Awesome Cheatsheet

1 Like

Great, thanks.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.