Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #31389
    Joyce
    Guest

    I’m currently using the GridOne theme and would like to hide tags, post date and author on my blog post. How do I do that? I couldn’t find such settings under Customize.

    I also want to hide the tags for each post on the Post Feed page. How do I do that?

    #31403
    Jesse Owens
    Keymaster

    Hi Joyce-

    You can accomplish this with a little bit of Custom CSS. Navigate to Customize > Advanced > Custom JS & CSS and add these lines to your Custom Theme CSS:

    Hide date and author (known as the “Post Meta”):

    div.entry-meta { display: none; }
    

    Hide tags on posts and on blogroll page:

    span.tags-links { display: none; }
    
    #31407
    Joyce
    Guest

    Thank you, Jesse. That worked!

    How about hiding the post titles on the blogroll page? There’s some large spacing between the post title and post excerpt so it’s stretching the page really long. Thanks!

    #31438
    Jesse Owens
    Keymaster

    Hi Joyce-

    If you’d really like to completely hide them, you can do it with this line in your Custom CSS:

    body.blog .entry-title { display: none; }
    

    However, that might not be the ideal solution. Your blog post’s titles are pretty important for the overall SEO of your site, and give your readers a better idea what they’d like to click on to read more. If you’d like to simply reduce that margin above and below the titles, you can do this instead:

    body.blog .entry-title { margin: 15px 0px; }
    

    The default value for those top/bottom margins is 60px, so you can adjust that number 15px to suit your taste.

    #31453
    Joyce
    Guest

    That’s good advice, Jesse, thank you. I do realize the line spacing of the post titles on the blogroll page is not mobile friendly. The text overlaps a bit if the mobile viewing pushes into two lines. How do I change the line spacing? Thanks!

    #31471
    Jesse Owens
    Keymaster

    Hi Joyce-

    Modify that last rule I mentioned to include this line-height value:

    body.blog .entry-title { 
      margin: 15px 0px;
      line-height: 1.6em; 
    }
    

    I found 1.6em to be about right to make sure that the decorative horizontal line isn’t covered up by text, but you can adjust that to suit your needs.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hide Tags, Post Date and Author on Posts using GridOne theme’ is closed to new replies.