Font Awesome Shortcode in topbar

  • Resolved dedemo

    (@dedemo)


    7 years, 8 months ago

    Hi! I’m using font awesome shortcode in Top Bar 1. That works fine. But trying to change the color. Using the same code (below) works fine in the footer and other websites. I’ve also tried adding variations in CSS, but still doesn’t change the color. Any ideas?

    <font color=”#fcbf00″><i class=”fa fa-phone fa-lg”> </i> </font> (405) 555-9999

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi, try something like this:

    <span style=”color:#fcbf00;”> <i class=”fa fa-phone fa-lg”> </i> </span>

    or

    <i class=”fa fa-phone fa-lg” style=”color:#fcbf00;”> </i>

    • This reply was modified 7 years, 8 months ago by Carret.
    Thread Starter dedemo

    (@dedemo)

    Thanks! I had to tweak a little more, but this worked instead.
    <i class=”fa fa-phone fa-lg” style=”color:#fcbf00″></i>

    Plugin Author wooassist

    (@wooassist)

    Hi there,
    Glad you already solved the issue of changing the color, for reference you can also change the icon size by adding “font-size” ex.
    <i class=”fa fa-phone fa-lg” style=”font-size:60px;color:#fcbf00″></i>

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Font Awesome Shortcode in topbar’ is closed to new replies.