Selectively Hide Post Title on Homepage & Singular View

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?

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.

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.)

View post on imgur.com

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.

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?

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.

• This reply was modified 7 years ago by janak Kaneriya.
• This reply was modified 7 years ago by janak Kaneriya.