Change tag left sidebar icon with custom font awesome icon

Dafterz

sheldon Whoa,Nice! I will try it! Thanks for your help dude ?

FebriTriHarmoko

sheldon Love this ? Thanks for your share brother... ?

Kryonoglou

I don't really understand how we Change the Icons of tags.
Can you explain it again with more simple way? ?

Kryonoglou

sheldon I copy paste your code and I see change only to the first tag.
http://prntscr.com/kuektu

I found the solution. My id wasn't 1-2-3 but 1-4-56 and etc.

renato

Just an update: on beta8, which uses Font Awesome 5, we need to use "Font Awesome 5 Free" as the font-family.

[deleted]

I took the much more efficient (lazy) route with this - bearing in mind I wanted the tag icon for all tags, and not individual icons...

/* Side Tags */
span.icon.TagIcon.Button-icon {
    background: transparent !important;
}
[class*="item-tag"] a span:before {
    content: "\f02b";
    font-family: "fontawesome";
    font-weight: normal;
    line-height: 17px;
    vertical-align: top;
    padding-left: 3px;
    color: #0f6a8c;
}
.item-tags a span:before {
content: "";
}

luceos

Upcoming beta 9 allows you to configure an icon for your tags. You can see that on our solved tag.

samtto

luceos we can't use Font Awesome in china. can u help?

almozoghi

sheldon hello sir, i tried your way but it didn't work.
it shows an empty boxes.
can you help me with that, no coding knowledge.
cheers.

tolgaaaltas

almozoghi Admin Area > Tags > Edit a Tag > Visit FontAwesome and select one icon (for example this one) > You can see <i class="fas fa-hand-holding-heart"></i> code on the page. Copy class value fas fa-hand-holding-heart and paste to your Tags's Icon form.

almozoghi

tolgaaaltas thank you so much, you are the best.
be well

bimbim

How if custom image svg?

« Previous Page