CSS Tips for Hiding Categories and Tags

You can hide Categories and/or Tags on WordPress.com blogs.  The iNove or Monochrome theme do give you the option to hide categories or tags on posts (under theme options).  But for other themes purchasing an annually renewable custom design upgrade and using CSS editing to hide tags and categories is required.

Important note: CSS editing is theme dependent. In some themes, categories and/or tags  cannot be hidden independently, as they are in the same selector as the other meta data elements such as author, date, and perhaps even the “leave a comment” link, which means if you hide one, then you hide them all.

Disclaimer: I know nothing about CSS editing but I answer many Support forum questions. I do a lot of searching  and  bookmark threads on recurring topics, so I have the links on hand to share with those who are waiting for support in the CSS Forum.  I bookmarked  so many threads that I decided to make a cheat sheet for using CSS editing to hide categories and tags in posts in 21 WordPress.com themes:

1. Adventure Journal
To hide categories and tags in posts:
.entry-utility .cat-links, .entry-utility .tag-links, .entry-utility .meta-sep {
display: none;
}

2. Blaskan
To hide categories from posts:
.categories {
display:none;
}

2. Blogum
To hide categories from posts:
.post-categories {
display: none;
}

4. Bold Life
This is the CSS to hide the grey section with the categories and tags in it below the posts. Add this to the CSS edit page, make sure “add to existing…” is selected and then you can preview (might have to refresh the preview page) or save the change.

.post-meta {
display: none;
}

5. Chunk
To hide categories from posts
.hentry .entry-meta .cat-links {
display: none;
}

To hide the entire entry meta block in one step:
.hentry .entry-meta {
display: none;
}

6. Clean Home
To hide categories in posts:
div.category {
display: none;
}

7. Coraline
To hide tags from the home page:
.tag-links {
display:none;
}

Tags do not have a separate selector on the single post page. The categories and tags and “bookmark the permalink” are all under one selector. The following gets rid of them all:

.entry-info {
display: none;
}

8. Fruit Shake
This hides the author as well since everything is lumped together in the same selector in the CSS.
.entry-header .entry-meta {
display: none;
}

9. Funki
To hide the entire byline including the category and tags link:
.entry-meta {
display: none;
}
To hide the categories and tags and leave everything else:
.entry-meta .cat-links, .entry-meta .tag-links, .entry-meta .sep {
display: none;
}

10. Imbalance 2
To hide “category archives”:
.archive .page-title {
display: none;
}

To hide category links on the Imbalance 2 home page:
.home .categories {
display:none;
}

Note this workaround:
You can edit your categories in Posts > Categories and add their titles in the Description field. Then you can use code above to hide the actual category headings plus an additional code to style the descriptions:

.archive-meta p {
font-weight:bold; font-size:150%;
}

11. K2 Lite
The CSS is very minimal so all you can do is hide everything under the title, the date, the categories and the leave a comment link. This hides everything:
.entry-meta {
display: none;
}

12. Manifest
Manifest does not display tags or categories on the main page.
To hide all of the post meta data:
.post-meta {
display: none;
}

That will remove dates as well though. If you’d like to hide the tags and categories but keep the date:

.post-meta {
visibility: hidden;
}

.post-meta .post-date {
visibility: visible;
float: left;
}

13. MistyLook
To hide the category tags in posts note the following will also remove the comments link on the home page because the categories and comment link are all in one container in the HTML:
.post-info {
display: none;
}

14. Modularity Lite
Hiding the meta data below the posts is an all or nothing proposition, including the date and the leave a comment link, since all of the elements are under one single selector in the CSS.
.postmetadata {display:none; }

15. Mystique
This hides the categories and tags:
.post-categories, .post-tags {
display: none;
}

This gets rid of it all including the “leave a comment” link:
.post-meta {
display: none;
}

16. Pilcrow
To hide the categories on posts in the Pilcrow theme:
.entry-categories {
display: none;
}

The following will get rid of the tags and the comment link, but leave the categories.
.entry-tags, .comment-number {
display: none;
}

To get rid of tags and keep the comments:
.entry-tags {
display: none;
}

17. Structure
The following is for hiding tags and categories on the main page only (assuming you are using the standard main page and not a static front page).

.homepagecontent .postmeta {
display: none;
}

The following is for categories and tags on the single post pages as well as category, tag and archive pages.

.single .postmeta p, .archive .postmeta p {
display: none;
}

18. Tarski
All the post metadata (date, categories, tags and the comment link) is in a single selector in the CSS, which means that you cannot hide just part of it. It is “hide it all or hide nothing.” This hides everything:

.post-metadata {
display: none;
}

19. Twenty Ten
The following will get rid of everything except for the “leave a comment” link.

.entry-utility .cat-links, .entry-utility .meta-sep, .entry-utility .tag-links {
display: none;
}

20. Twenty Eleven
To hide the tags:
.tag-links {
display: none;
}

21. Vigilance
To hide the Categories:
.categories {
display: none;
}

Related posts:

Freshening your WordPress.com Theme

CSS Resources for Bloggers

22 thoughts on “CSS Tips for Hiding Categories and Tags

  1. Hi! I haven’t been able to remove the “filed under” in the chunk blog. I tried :

    .hentry .entry-meta .cat-links {
    display: none;
    }

    and this:

    .hentry .entry-meta {
    display: none;
    }

    And it doesn’t work. The website is gameaudiostuff.com

    When I click on the categories in the menu bar, a title with black background says “Archivado bajo ____”. Is there any way to hide this?

    Thanks!!

  2. This page is really useful. Thanks for sharing it.

    Is there any way to hide items such as “posted on…” and “leave a comment” under titles under Category Archive pages in the theme “Sight”?

    [information removed by Timethief]

  3. I have another question: how can I hide the ‘posted on & leave a comment’ text on top of a post but not the date in the Coraline theme? Thanks in advance!

  4. Thanks! Been searching for ages to hide the tags of the Coraline theme.. You fixed it! Def visit your website again for any other technical wordpress stuff.

  5. Hi timethief (whose time I have been wondering :) ) I’m a brandnew blogger still private while under development but cannot work out how to link a page (as you have done with your About page) to the seemingly invisible Home page of my 2011 theme. Please help.

  6. Interesting! I’d never really considered that some folks might want to hide “blog-ish” elements in order to make their blog look like a website.

    As usual, you’ve rattled the old coconut, and I’ve learned something new… : )

  7. Hi there, you helped me in the past to remove the “infinity” scroll from my blog, and now there seems to be a new feature that I can’t figure out how to work around. For some reason the default now shows a “load more posts” instead of the “older posts” that would redirect you to a new page.

    Do you have any suggestions on how to get around this?

    My blog is http://www.lilieslattesandlace.com if you want to have a look and see what I am referring to.

    Thanks so much, I find your site very helpful.

    Kendall

  8. I need to study CSS stuff too because I want to personalize something but I just need a 48hrs per day! Anyway, I think it’s not good to hide tags and categories for engine research purposes. On the other blog where I work the most of my time, I display only categories and not cloud tags on the side bar, or the bottom side. Instead I use only few tags to target google engine. My posts have only a summary displayed on the front page and the tags are at the bottom of each post. When the engines read the home page, will read the tags as well as words, so if you use those words wisely they might be useful as well to increase the percentage rate of your keywords in the front page. But if you don’t have this problem and it’s just a question of style, then your suggestion is very good. Thanks

    • This is a CSS post. The reason people are hiding categories and tags is simple. They want a blog that looks like a website.

      It’s a fact that tags and categories are not required for SEO purposes at all. Due to the fact that people have abused tagging by assigning irrelevant and deceptive tags Google’s search spiders are now focused on keywords found in the text. If keywords found in categories and/or tags are not found in the text the search spiders detect that record it. http://onecoolsitebloggingtips.com/2012/03/01/revisiting-keywords-and-tags/

    • Hi Baxter,
      When bloggers decide they want a page based website appearance many want to hide meta elements like date, time, author, categories, tags and “leave a comment” links. That can’t be done on most themes without purchasing an annually renewable custom design upgrade and doing the required CSS editing.

Comments are closed.