Post title graphic and category customization

[clefler]

Hi…have a few questions:

For the category view of any category, where all the posts are listed in the X Pro default way:

1. How can I remove or change the graphic used in the post titles
2. How can I edit the what data shows up for each post on the post category pages…like removing the date for example (just for a given category).

This is all for renew

Thanks!

[ruenel]

Hello There,

Thanks for posting in!

1.) The graphic in the post titles is assigned built in the theme. There isn’t an option that you can change the icons. If you want to modify the colors, simply go to X > Theme Options > Renew Blog Options > Entry icons. And if ever you want it removed, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.entry-title:before {
    display: none;
}

The css is needed because this feature is built in specifically for Renew stack.

2.) I am not sure about the “data”. Are you referring to the post excerpts being displayed in the category pages? The excerpts were generated automatically from the very first 55 words in your post content. You can manually insert a custom excerpt too. Manual Excerpts are optional hand-crafted summaries of your content that can be used to display in the archive pages. Learn more about manual excerpts. https://codex.wordpress.org/Excerpt

And if you want to change the Category Archive to the Name of the category, simply go to Posts > Categories and edit each of the categories. You will need to insert the “Archive Title” so that this will display as your category archive page title.

Hope this helps.

[clefler]

1. Is the icon changeable by changing it in the post type coding using a child theme? Or is there other locations that would make it a chore to change?

2. I just mean the post meta. I can remove it via CSS on the post page or any other page but do not know how to do so for a specific category page.
   I know how to remove something like the date or author for all posts but need to limit it to a category page.

[ruenel]

Hello There,

Thanks for updating in!

1.) The icon corresponds to the Post Format. The post formats are standard, video, audio, gallery, quote, image and link. To know more about the post formats, please check out this codex: https://codex.wordpress.org/Post_Formats

If you want to change icon for a certain post format, please let us know so that we can give you a custom css to override the built in default icon.

2.) The post meta can be enabled or disabled in X > Theme Options > Blog > Content.

Hope this helps.

[clefler]

1. That is what I am looking for, css to override the built in default icon

2. I am looking to disable select parts of post meta only on specific category pages, not across the whole site. I can already hide the date (for example) on a given post or recent posts but need it for a category page.

[ruenel]

Hello There,

Thank you for the clarifications.

1.) To override the icons, please add the following css code in your child theme’s style.css

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

.format-video .entry-title:before {
    content: "\f008";
}

.format-audio .entry-title:before {
    content: "\f001";
}

.format-gallery .entry-title:before {
    content: "\f083";
}

.format-quote .entry-title:before {
    content: "\f10d";
}

.format-image .entry-title:before {
    content: "\f083";
}

.format-link .entry-title:before {
    content: "\f0c1";
}

This code needs to be added in the child theme 's style.css. It may not work when added in the Theme Options custom css because it does not allow forward slash and backward slash in the css code. The code above is using the default icon settings. You can get the css rule for your custom icons from this site: https://fontawesome.bootstrapcheatsheets.com/

2.) If you want to display certain parts of the meta, you can use the existing css code that you are using. You just add .category-{name} at the beginning of your css code. For example:

.category-{name} .p-meta>span:nth-child(2) {
    display: none;
}

or

.category-news .p-meta>span:nth-child(2) {
    display: none;
}

Hope this helps.