Stacking Font Awesome

[Lindsay]

Hello,

I am trying to stack the FA circle with a number. I have it working, except that both are black so you cannot see the number. This is the code I am using:

<span class=”fa-stack fa-3x”>
<i class=”fa fa-circle fa-stack-2x”></i>
<strong class=”fa-stack-1x text-primary” color-ffffff>1
</span>

I am using the raw HTML box in Visual Composer and following this concept: http://blog.fontawesome.io/2014/05/19/stacking-text-and-icons/

How do I change the colors?

[Jerry]

Hello Lindsay,

You can add color attribute like next:

<i class=”fa fa-circle fa-stack-2x” style="color: #colorcode;"></i>
<strong class=”fa-stack-1x text-primary” style="color: #ffffff;">1</strong>

Regards

[Lindsay]

Thanks so much!

Does the same principal apply to change the font as well? I would like to use something more rounded.

[Jerry]

Yes same 😉

[Author]

Posts