Support » Fixing WordPress » Selectively Hide Post Title on Homepage & Singular View

  • On my blog, I have been incorporating the name of the post into the images for some blog posts and want to hide the blog title on the homepage view and the singular post view. I want to keep the title for “recent posts.”

    I’ve been using

    #post-334 .entry-title {display: none;}

    for each individual post, but it does not hide the title on the home page view.

    The blog I need help with is hotandsourblog.com.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 19 total)
  • Moderator Steve Stern

    (@sterndata)

    Support Team Volunteer

    on the home page, use the class .home

    .home .entry-title { display: none; }

    If you want to hide the post titles in your main feed for the home page, you can do

    .home .entry-title { display: none !important; }

    Where do I put the code? Do I add it as custom CSS for each individual post I want to hide it for?

    Moderator Steve Stern

    (@sterndata)

    Support Team Volunteer

    To add CSS: use the “Additional CSS” option in the customizer.

    Do I add the code for the entire theme? I don’t want to hide the title for every single post.

    Hello @katielems,

    The CSS you are using is correct for both home page and the singular and it should work.
    But, i want to draw your attention with Post id(#post-334) which is different for each post. so you have to write display none CSS for each each or you can handle it from backend with the checkbox the image already has title of post and you can accordingly hide the title for specific post.

    When I use the CSS code for each individual post, the title is still showing up on the main home page, but not on the individual view. I have been changing the post ID for each corresponding post, but it still isn’t working for the home page.

    Moderator Steve Stern

    (@sterndata)

    Support Team Volunteer

    I’m not seeing the custom CSS on your site. Please post a screen shot of the custom CSS part of the customizer. (Use imgur.com for the screenshot and post a link to that image here.)

    Moderator Steve Stern

    (@sterndata)

    Support Team Volunteer

    You should not be doing per-page CSS. I assume some plugin is providing that field. Use the *Customizer* to add CSS.

    Click CUSTOMIZE on the black admin bar at the top of the page (on the front end) and then Additional CSS.

    When I add to to Additional CS, it takes away the titles for ALL of the posts. I only want certain posts to have no title.

    Moderator Steve Stern

    (@sterndata)

    Support Team Volunteer

    Then you have the wrong CSS there. Please tell me exactly what CSS you’ve put in there.

    I put in

    .home .entry-title { display: none; }

    How would I be able to designate which titles I want omitted if I put the CSS for the whole website?

    Moderator Steve Stern

    (@sterndata)

    Support Team Volunteer

    That only removes entry titles on the home page. If you want specific pages, you’d use the page-id classes, too, stringing them together with commas:

    .home .entry-title, .postid-1234 .entry-title { display: none; }

    Hello @katielems,

    Take my opinion you would need custom coding because you only want to hide the title of the post which have the post title in their images.

    So take one custom metabox(checkbox) mark it if it’s image has a post title and make condition for the title where you are showing your post.

    and if your CSS is correct so please try by clearing the cache of your browser.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Selectively Hide Post Title on Homepage & Singular View’ is closed to new replies.