Top Bar "back" font awesome + color


(Lisa Sandler) #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


(Doug Bennett) #2

Try:

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


(Lisa Sandler) #3

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


(Doug Bennett) #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>


(Doug Bennett) #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;
}

(Lisa Sandler) #6

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