Top Bar "back" font awesome + color

Classic Stacks
1

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>

thanks

Screen Shot 2017-06-13 at 2.20.43 PM.png936×348 108 KB

2

Try:

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

1 Like
3

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

Screen Shot 2017-06-13 at 2.56.12 PM.png807×302 30.1 KB

4

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>

5

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;
}
2 Likes
6

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