Renew Stack entry-title icon loads then disappears

[designerken]

I have a custom post type that I want to change the entry-title pseudo class ::before with a dumbbell (content: "\f44b";) instead of the default blog icon (content: "\f15c";)

On page load it will show the Font Awesome 5 dumbbell icon then flashes to a square.

on page load:

then this shows:

I think it might be triggered by a JS on the page? Why would this happen…can you take a look?

Site is in development: I will post link in a secure note.

[nabeel]

Hi @designerken,

Thank you for reaching out to us. Seems like a font-weight issue. In Font Awesome 5 some icons don’t work if you don’t define it’s font-weight to 900. To fix the issue please replace your code with the following one:

.track-workout-of-the-day .entry-title:before {
    content: "\f44b" !important;
    font-weight: 900 !important;
}

Let us know how this goes!

[designerken]

@Nabeel

I didn’t know about the font-weight issue. Thanks for informing me.

I believe that does solve the issue.

Thanks.

[friech]

You’re more than welcome, glad we could help.

Cheers!