Category Icon in generatepress

Hi there,

any chance i can get temporary access to see the site ?

Hi David,

Sure! Generic access account is username: iluser passwd: iluser.

If you require admin access, please let me know and I will send on to you.

The site is not live as such, just in very early alpha stage!

Thanks in advance,

Phil

Hi there,

That username doesn't seem to be working - can you double-check?

Let me know :)

Hi Tom,

many apologies, left the 1 off.

It's"

Username: iluser1
Password: iluser1

Again, let me know if you require admin access, and will forward this on.

Thank you again.

Best Regards,

Phil

Try this CSS:

.esg-entry-cover .esg-tc a[rel~="category"]:before {
    content: '\f005';
    font-family: "Font Awesome 5 Free";
    margin-right: 0.5ch;
}

You need to change f005 for the FA Icon you want.
This will apply to ALL posts with a category tag.

Awesome!!!!! Thank's David, exactly what I wanted.

Just need to create and upload my own SVGs to FA now, so I can display those instead.

Huge thanks,

Phil

Sorry David, what I required was a specifc image for each catergory, so whenever that category is displayed, the relevant image/icon is displayed next to it.

Phil

Slight problem there - the plugin does not add the category-slug in its markup not even the rel tag.... hmmmm

Could try this:

.esg-entry-cover .esg-tc a[title~="Beach"]:before {
    content: '\f005';
    font-family: "Font Awesome 5 Free";
    margin-right: 0.5ch;
}

Using the title attribute to pick out a unique work in your categories should do it - if it does then only the beach categories ill display it

Yep, that absolutely did it! Just have to replicate same code now for each category, with different title and image that I require.

Thanks again David - definately solved it now!!!

Phil

You're welcome