[Resolved] Icon not displayed through CSS even though it's present in the theme

[George]

While using a child theme and inspecting the category blog meta element that contains the folder icon, I can see that the icon is added on the before element like this:

.cat-links::before {
    content: "\f07b";
}

but when trying to add the same CSS to another element:

.inside-right-sidebar .widget_categories ul li::before {
    content: "\f07b";
}

I get the weird character instead. Shouldn’t this just work out of the box?

[Leo]

Hi George,

Can you try this instead?

.inside-right-sidebar .widget_categories ul li::before {
    content: "\f07b";
    font-family: GeneratePress;
}

If this doesn’t work I’ll need to see the issue live unfortunately.

[George]

Yes, it works Leo! Is there any way to adjust the size?

[Leo]

Adding the font-size: 20px; should work.

[George]

Oh yeah, that’s right, thank you Leo!

[Leo]

No problem 🙂

[Author]

Posts