Need help? Check out our Support site, then


Hiding Category and Tags in Every Post

  1. Hello, I'd like to seek further assistance on how to hide category and tags in every blog post, so that the only thing visible are the published date and leave comment options.

    I am using a customized Suits theme, by the way (http://gorjaeous.com).

    Many thanks in advance,
    Jae

    The blog I need help with is gorjaeous.com.

  2. Try this:

    .entry-meta {
    font-size: 0;
    }
    .entry-meta .on-date a, .entry-meta .leave-reply {
    font-size: 1.38rem;
    }
    .entry-meta .on-date a:after {
    content: " | ";
    }
  3. Thank you for your prompt response, @justpi; however, please could you clarify if I simply have to paste this onto the CSS field or is there anything else that I need to do? As I've mentioned earlier, I'm not very articulate with CSS editing.

    Thanks again,
    Jae

  4. You're welcome.
    You haven't added any other custom CSS, so you go to Appearance > Customize > CSS, delete the entire intro message, copypaste the above, save.

  5. Ah, it's good to know that's all I have to do. Let me do so now, and I'll get back to you, pronto.

    Thanks,
    Jae

  6. IT WORKED! You're a genius, @justpi. Many thanks again!

  7. You're welcome!
    There's one thing that needs fixing: the date link is underlined but the comment link isn't. What do you prefer? remove the line from the date link or add the same line to the comment link?

  8. Keen eye, you got there. Well, for aesthetic purposes, I'd prefer to add the same line to the comment link since everything else looks that way (I think?).

    Thanks,
    Jae

  9. Ok! In that case turn this:

    .entry-meta .on-date a, .entry-meta .leave-reply {
    font-size: 1.38rem;
    }

    to:

    .entry-meta a {
    border: 0 none;
    }
    .entry-meta .on-date a, .entry-meta .leave-reply {
    border-bottom: 1px solid #EEEEEE;
    font-size: 1.38rem;
    }
  10. Hmm I must have done something wrong... The change did not materialize, I think?

    I pasted the following:

    .entry-meta a {
    border: 0 none;
    }
    .entry-meta .on-date a, .entry-meta .leave-reply {
    border-bottom: 1px solid #EEEEEE;
    font-size: 1.38rem;
    }
  11. I take it back! I did not follow instructions properly, my apologies. It now looks the way I wanted. Many thanks, @justpi!

Topic Closed

This topic has been closed to new replies.

About this Topic