Top Bar "back" font awesome + color

I’m trying to make the “back” text in Top Bar a font awesome icon and red. The bottom code works, but the top one doesn’t. How do I add the color in? @teefers @tav @joeworkman

<i class="fa fa-angle-left" style="color:#990000"></i>back
<i class="fa fa-angle-left" aria-hidden="back"></i>



<i class="fa fa-angle-left" aria-hidden="back" style="color: #990000;"></i>
Think your missing the semi-colon ;

1 Like

I thought that it might be bad code on my part, but then the icon disappears totally with your code.

I just added this to Chrome Dev Tools and it seems to work:

<i class="fa fa-angle-left" aria-hidden="back" style="color: #990000;"></i>

Just tried in top bar it is in a Javascript, so it doesn’t seem to like the style being applied that way;
try CSS:

i.fa.fa-angle-left {
    color: #990000;

Yep, that did it, thanks again :slight_smile:
Ha. I even figured out how to change the size of it! I love it.

1 Like