Hide Tags from WordPress Blog Posts

So you want to hide tags from your WordPress posts? Easy…

To remove the tags line, you need to find out how to reference it and change its style using CSS. This might sound alien and weird but trust me, you can do it. Or just post a comment if you’re having difficulty 🙂

  1. Open your website, open a post and open the dev tools in your browser. This is usually done by pressing F12
  2. Look at the screenshot below and follow the step:
    1. Press where arrow #1 hints to
    2. Hover over the “Tagged” section as arrow #2 shows
    3. Finally, see the name or ID that is given to that object (Mine is tags-links)

 

step by step

3. Now that we have that, we can add some CSS to our site to make this not appear.

4. Go into Appearance -> Customize -> Additional CSS

5. Here we will add the following lines (Note that you should replace this with whatever you found in section 2.3 above):

.tags-links{
    display:none;
}

6. You can see this below:

css code

7. Now when we refresh the page, you should see that your tags have gone completely from all your posts!

Enjoy!

1 thought on “Hide Tags from WordPress Blog Posts”

  1. I know it might be weird to post on my own site – but I genuinely just used the article after changing my theme and resetting the custom CSS! Thanks to me I guess…

Leave a Comment

Your email address will not be published. Required fields are marked *

email popup image
Mark Harwood
NEVER miss a blog post again! Subscribe for email notifications whenever a new post is live!
Subscribe
NEVER miss a blog post again! Subscribe for email notifications whenever a new post is live!
No obligation call, message, or email
Contact form image
I'll Be In Touch Soon