[Vanessa HParticipant]

Hi Support,

Is there a way to hide the tags from a blog post? I would like to keep them on my site for search engines, but not sure what the implications are if I try to hide them (not remove them).

I am using Integrity Light.

Thanks!

[KoryKeymaster]

Hey Vanessa,

Thanks for writing in! You can try out the following CSS to hide the tags on your posts (this will simply remove them visually, but they will still be present on your site for search engines as you mentioned):

.x-integrity .post .entry-footer {
  display: absolute;
  top: -99999em;
  visibility: hidden;
}

Thanks!

[Robert CParticipant]

There is a gap between posts as if the tags are still present.

What variable controls font-size?

Thanks for the help, nearly finished!

[KoryKeymaster]

Robert,

Thanks for writing in! The gap that is present is normal and is to be expected even if the tags aren’t present to setup proper spacing between posts. If you want to adjust this as well, you can utilize the following:

.hentry {
  margin-top: 4em;
}

Also, there is no reason why you would want to control the font-size of these tags as they are no longer visible per the original request of this thread. If you’re looking to do something else, we’ll need you to be more specific on this so we can assist you.

Thanks!

[drmikkaelaParticipant]

Hi there – I’ve also been having this issue on my website. Each post of mine has quite a few tags, and this resulted in ugly long lists of tags. After implementing the initial CSS code to ‘hide’ the tags, this merely seems to make them ‘invisible’ on the page, but now instead of having the tags sitting there on display, there is a blank space of an equivalent ‘area’ – resulting in a blog index page that looks ridiculous, with posts all over the place, rather than an even grid of post thumbnails. Is there any way to display my blog index page without the tags present, so that my post ‘thumbnails’ are all of an equal size, without big ugly white gaps everywhere? Thanks!

[drmikkaelaParticipant]

Edit: please ignore this duplicate post.

[ChristopherModerator]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[jeremygreggParticipant]

I am having the same issue at http://www.JeremyGregg.com — I used the code above, and the tags are invisible but the space is still there where they used to be. I am using Integrity.

I have used Weaver Theme in the past and it was remarkably simple to make these changes. Nearly every option was just a click button to adjust (i.e. “Click to remove tags.”). Theme X has some cool features but I am finding that it requires far more savvy in coding than it originally stated.

[jeremygreggParticipant]

OK, I found the solution here:
https://theme.co/x/member/forums/topic/removehide-tags-only-from-the-homepage/

This worked for me:

.blog footer.entry-footer.cf {
display:none;
}

[ChristopherModerator]

Glad you could fix it.

[Tyler LParticipant]

This works, but is there a way to hide only the tags showing up on the list of posts screen? I still want them on the bottom of the posts though. It just looks busy with all the tags on the archive pages.

[FriechModerator]

Hi Tyler,

At this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

[attaponParticipant]

Hi just quick update i use this code

.x-integrity .post .entry-footer {
  display: absolute;
  top: -99999em;
  visibility: hidden;
}
.blog footer.entry-footer.cf {
display:none;
}

put in custom CSS
result remove tag on blog post and remove empty space

credit to all people above

[John EzraMember]

Hi @attapon,

Thanks for sharing, we’re sure it will help someone along the way! Have a great day everyone!

[AljookParticipant]

Hey, one last question, with regards to attapon’s suggested solution.

The situation I had was similar, bunch of tags on the blog entry page end and the same bunch on the last post open page end.
I used the same code as mentioned here but it didn’t remove the empty space from the end of the last post, so I edited the “.x-integrity .post .entry-footer {display: absolute;” to “display:none;”. That worked and removed the empty space.

However my question is to affirm that that change still left the tags for SEO reason and only just hid the secion from view?

Thanks in advance!

[Author]

Posts