Archived topic
Icon not displayed through CSS even though it's present in the theme
5 replies · Started by George on July 3, 2019
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 :)