[Support request] Recent post icons

[Daren]

How do I add these icons like at https://perfmatters.io/docs/

Sample
https://ibb.co/cqopo9

[Leo]

Hi there,

They are using FontAwesome:
https://docs.generatepress.com/article/font-awesome/

Let me know if this helps 🙂

[Daren]

I figured that but not sure how to add the icon and code it in. Could you advise?

[Leo]

Can you link me to your page where you’d like the icon to be added to the list?

[Daren]

https://dotmycom.com

[Leo]

Have you implemented FontAwesome?

[Daren]

Not sure how to.

[Leo]

Have you checked out the link here?
https://generatepress.com/forums/topic/recent-post-icons/#post-645415

[Daren]

I now have them installed.

[Leo]

Try this CSS:

.widget ul li:before {
    font-family: FontAwesome;
    content: "\f0f6";
}

[Daren]

Icons not showing correctly.

https://ibb.co/ig9Eap

[Leo]

That usually means FontAwesome is not installed.

Can you try outputting an icon in the content and see if it shows?

[Daren]

Looks like it is.

https://ibb.co/mch2D9

[Leo]

Hmm can’t find that icon in this library:
https://fontawesome.com/icons?d=gallery

Can you find one that’s in the free list that you want to use?

Might also want to try disabling the caching plugin and see if it helps them to show up.

[Author]

Posts