Archived topic
Remove File Icon w/ Category from bottom of Post w/o removing Category Meta
5 replies · Started by Michelle on November 18, 2020
How do I remove the file icon/category from the bottom of posts on my GeneratePress blog page and move the "Read More" button to the right? I have CSS that adds a Category field to Meta (thanks to Elvin) and when I indicate in Customize that I want to remove Categories, it removes the Category in Meta as well as the file icon and category from the bottom of the post.) I don't want to lose the CSS from Elvin, but I do want the file icon and category to be removed.
Hi,
You can remove the category icon from display by adding this CSS:
span.gp-icon.icon-categories {
display: none;
}
This specifically targets the category icon only. The category links will be retained. :)
That removed the icon, but not the Category, so I'm halfway there. I only want categories from the bottom of the post removed, but keep the one in the meta on the top under the title
Also, can I move the "Read More" Button to the right?
Ah right my bad.
We can remove the whole post footer meta so everything in it doesn't display.
article.post footer.entry-meta{
display:none;
}
As for moving the "Read more" button to the right, add this:
article.post p.read-more-container {
text-align: right;
}
Thank you! :)
Thank you! 🙂
No problem. :)