Font Awesome, WordPress, and Linebreaks

  • Resolved dremoo1

    (@dremoo1)


    10 years, 9 months ago

    Hi there,
    I am trying to use font awesome, but it is creating a complete mess because wordpress has decided to randomly implement linebreaks into my page html. Can someone please help?

    For reference: https://augustamerealestate.com/home-alt/

    the black dots you see are supposed to be font-awesome icons. If you go into the html and find that code & erase the linebreaks, it displays great

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter dremoo1

    (@dremoo1)

    Okay, so I figured out a quick fix, but I am going to leave this up in case anyone else runs into the problem.
    If you copy text from font-awesome website, it looks like this:

    <span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-flag fa-stack-1x fa-inverse"></i>
</span>

    Quite simply, the fix is to move all of it to one line, like this:
    <span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-flag fa-stack-1x fa-inverse"></i></span>

    What on earth is generating markup with <i> tags? The <i> tag has been deprecated for years. How old is this site or script?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Font Awesome, WordPress, and Linebreaks’ is closed to new replies.