-
AuthorPosts
-
May 13, 2020 at 8:30 pm #1212750
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.
May 17, 2020 at 11:45 pm #1213889Hey 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,
MikeMay 18, 2020 at 6:05 pm #1214086Thanks 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;
}May 19, 2020 at 11:47 am #1214298Hi,
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,
MikeMay 19, 2020 at 4:04 pm #1214362Perfect! Thanks for your help!
May 19, 2020 at 9:48 pm #1214433Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- You must be logged in to reply to this topic.
