Pagination arrows now showing

  • Hi,

    For some reason, my pagination arrows are not showing.

    My code in my CSS is:

    .paging li.prev a:before {
  content:"\f053"
  font-family: "Font Awesome 5 Free"!important;
  margin-right: 0.5em;
}

    I just cannot get the arrow to show. If I insert the icon in my page using the following, it works fine, but I can’t work out how to get it in my CSS.

    <i class="fas fa-chevron-left"></i>

    Can anyone suggest what I have wrong?

    • This topic was modified 4 years, 10 months ago by Jan Dembowski.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Difficult to tell without a link to the website. Maybe try taking the CSS directly from the Font Awesome Docs. Their example is:

    <style>
  .icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

  .login::before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007";
  }

  .tps::before {
    font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f1ea";
  }

  .twitter::before {
    font-family: "Font Awesome 5 Brands"; content: "\f099";
  }
</style>

<ul style="margin: 0;">
  <li><span class="icon login"></span> Login</li>
  <li><span class="icon tps"></span> TPS Reports</li>
  <li><span class="icon twitter"></span> Twitter</li>
</ul>
    Thread Starter thetoolman123

    (@thetoolman123)

    Thanks for the reply.

    I will try that. For the moment, I changed them manually added the font awesome HTML tag

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Pagination arrows now showing’ is closed to new replies.