Trouble adding Font Awesome icon

Home › Forums › Jevelin Theme › Trouble adding Font Awesome icon

Home › Forums › Jevelin Theme › Trouble adding Font Awesome icon

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    RESOLVED Posts

  • cagross
    Participant

    Hello. I am trying to insert a Font Awesome icon (this icon) via CSS, but having trouble. As a test, I added the following CSS:

     

    li::before {
    content: “\f095”;
    font-size: 18px;
    position: absolute;
    }

     

     

    But on the front-end, it displayed only blank icons (see attached screenshot). What am I doing wrong?

    Thanks.

    Shufflehound Support
    Moderator

    Hi @cagross,

     

    I hope you are well today and thank you for your question.

     

    You have not added font family property to font awesome in the above shared CSS code so please add it.

     

    Could you please share me the page URL from your site where it is displaying so that I can help you?

    Best regards,
    Shufflehound team

    cagross
    Participant

    > You have not added font family property to font awesome in the above shared CSS code so please add it.

     

    OK right.  So what font-family should I use?  I tried

     
    <div>
    <div>font-family: “FontAwesome”;</div>
    </div>
    <div></div>
    <div>But that didn’t change anything.</div>
    <div></div>
    <div></div>
    <div>Jewels By Aron – live site (front-end)</div>

    >> Could you please share me the page URL from your site where it is displaying so that I can help you?

    Sure, it is here: https://staging-e43sehju.versionpress.com/

    edit: Wow. The text editor I’m using to submit this message is pretty bad :-/ It automatically added all that unnecessary markup, and the auto-formatting is very poor.

    • This reply was modified 4 years, 10 months ago by cagross.
    • This reply was modified 4 years, 10 months ago by cagross.

    cagross
    Participant

    Solution for this topic

    Edit: OK my issue with the Font Awesome icon is resolved–I think I just needed to do a hard refresh. So we can consider that resolved.

    But your text editor here in this forum still has many issues.

    Shufflehound Support
    Moderator

    Edit: OK my issue with the Font Awesome icon is resolved–I think I just needed to do a hard refresh. So we can consider that resolved.

    Awesome great to see you got that resolved.

     

    Please advise if you have more questions.

     

    Have a fantastic day!

     

    But your text editor here in this forum still has many issues.

    Have you copied that text in the above reply from somewhere and pasted it in the editor?

     

    If yes then please note that the HTML markup also gets copied.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)