making tags invisible on posts

  • Resolved John Ney

    (@john-ney)


    9 years, 2 months ago

    I do not like the appearance of tags on my posts page that the readers can see. I still would like the functionality of the tags, just not the unsightly appearance of them.

    I am a novice at this, with zero knowledge of HTML.

    I am using the Canard theme on site: winesavantmag.com

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey there John Ney,

    Hope you’re well today ??

    You should be able to do this with some custom CSS. Please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

    https://www.ads-software.com/plugins/simple-custom-css 

    .single-post span.tags-links {
    display: none;
}

    This will hide tags in single post pages only and will not affect functionality of the tags, it will just hide them on the front.

    Best regards,
    Bojan

    Hello John,

    You can ‘hide’ them from the page by adding some CSS to your site, but I’m interested in what functionality you will use them for?

    Traditionally the tags are a way for your readers to find similar content on your site, so if I end up on your Blue Cheese Dip Recipe post I can click on the #blue-cheese tag and also view your Chicken Balls stuffed with Blue Cheese recipe.

    However, to remove them add the follow CSS

    .entry-footer .tags-links {
  display: none !important;
}
.sharedaddy.sd-sharing-enabled {
  border-top: 1px solid #eee;
}

    Hope that helps.
    Drew

    Thread Starter John Ney

    (@john-ney)

    Thanks Drew & Bojan:

    I went with Drew’s code as it fits my immediate short term need and it worked perfectly. Although, in taking Drew’s other thought’s into consideration about the readers’ usage of the tags, I am going to need to rethink my idea and in the long term use Bogan’s code on an individual as needed basis.

    Thanks guys!

    John

    Moderator Kathryn Presner

    (@zoonini)

    Glad you’re all sorted – thanks for helping with that, Bojan and Drew!

    John – just in case you didn’t know, Jetpack – which you’re already running – comes with a CSS Editor module, so that’d be one less plugin you’d need. After activating the module, you’d add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘making tags invisible on posts’ is closed to new replies.

Tags