Site logo

Archived topic

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

5 replies · Started by George on July 3, 2019

Viewing posts 1–6 of 6

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?

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.

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

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

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

No problem :)

This archived topic is closed to new replies.