Docs

[JfantasyBooks]

Hello!

Details:

Name: JFantasyBooks
Site: Fantasy-Books
Site Url: https://fantasy-books.live
WordPress Version: 4.6.1
X Version: 4.6.4
Cornerstone Plugin Version: 1.3.3

Problem:

I have seen that it is possible to add words or phrases to post titles on the frontpage of my wordpress site using:

.format-standard .entry-title:before {
content: “\f0f6”;
}

1. But I would like to do so based solely on category. So each Category would have something different, and not just all posts on the front page. Can you show me how to separate it by category?

2. Furthermore, Instead of it being word/letters/numbers, I would like to input icons or an image.

Can you help me how to accomplish that as well?

Thank You for all your help as always.

[Nabeel A]

Hi there,

Thanks for writing in! This can be done by using the class for each category, e.g For the antagonist-rewind category, you can add this code in your Child Theme’s style.css file:

.category-antagonist-rewind .entry-title:after {
    content: "\f118";
    margin-left: 15px;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

Similarly for the announcements category you can use this code

.category-announcements .entry-title:after {
    content: "\f113";
    margin-left: 15px;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

You can use inspect element and find each category class to add an icon in the title. (see attached)

Hope this helps!

[JfantasyBooks]

Thanks!

I was also wondering if you know where I can find the content icon codes you used in the examples you gave me.

Could you direct me to a documentation on the x theme site?

[Prasant Rai]

Hello There,

Thanks for writing in!

We have published list of available icons. Please walk-through following post:

Icons

Thanks.

[JfantasyBooks]

thanks

[Rue Nel]

You are most welcome!

[Author]

Posts