I’m trying to override the default blog post pencil icon with a custom one that is displayed for a specific category (ex. category=”Elementary School”, icon=”apple”). I’ve tried a few plugins (including Category Images, Category Icon, and Easy Category Icons) none of which worked, along with some custom coding, which also didn’t work. I’ve found a way to hide the icon and upload a custom image, but it’s blurry, so I’d rather use an icon if possible. If you have any suggested solutions I would appreciate it.
Hey MediaMix1,
Sorry for the late reply and thanks for the link, in my install the only apple icon I have has the bite in it, but with this css you can add it as your default icon:
span.iconfont:before {
content: "\e920";
font-family: entypo-fontello;
color: #fff;
position: relative;
}
You can follow these steps to find and add a different apple icon if you want.
Best regards,
Mike
Thanks for your help. I was able to add a custom icon based on category, but I was unable to use a different apple icon than the Fontello one. When I try to add a custom icon that I have imported it shows up as the charcode.
This is the CSS I used:
.category-elementary-school span.iconfont:before {
content: “\ue800”;
font-family: yf-categories;
color: #fff;
position: relative;
}
Hi,
Thanks for the login, I adjusted your css to this and now it works:
.category-elementary-school span.iconfont:before {
content: "\e800";
font-family: yf-categories;
color: #fff;
position: relative;
}
Please clear your browser cache and check.
Best regards,
Mike
Perfect! Thanks for your help!
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon