Blog Post Title Won't Show

In the style.css file you have this block of code.

#heatmapthemead-the-content-container h1 {
	font-size: 1.7em;
	line-height: 1.2em;
	margin-bottom: 10px;
	display: none; /*ADDED BY RACHEL*/
}

If Rachel is not able to fix it then just delete the line.
display: none; /*ADDED BY RACHEL*/

Thank you! I added a display: none; because the titles are now on the pages themselves. (books page has “books” on top, ect.) Do you know how to delete those?

try targeting the body.page element

body.page #heatmapthemead-the-content-container h1 {
	display: none; /*ADDED BY RACHEL*/
}

Thanks, but now the titles are showing on pages. How do I get rid of that?

what do you mean? – the code above does hide the title on body.pages

I hid the #heatmapthemead-the-content-container h1 because on the pages itself (book, educators, events, ect) you’ll see the title on the top right of the content. I only want the titles to show on the blog posts, not on the pages.

try

body.blog #heatmapthemead-the-content-container h1, body.page #heatmapthemead-the-content-container h1 {
	display: none; /*ADDED BY RACHEL*/
}

I looked through the CSS and there’s no body.blog or body.page

It’s:

#heatmapthemead-the-content-container h1 {
	font-size: 1.7em;
	line-height: 1.2em;
	margin-bottom: 10px;

}

#heatmapthemead-the-content-container h1 a {
	text-decoration: none;
}

Those are the only two that are shown. Is there a way to keep the blog title but make the page title go away?

Hi Rachel

I looked through the CSS and there’s no body.blog or body.page

There is no need to amend existing code… just add this to you child-theme or custom css. If you don’t already have a child theme or a custom.css you should install a plugin like custom CSS plugin then add the code to the custom css area.

body.blog – will hide it in the page where blog posts are listed so wont affect single blog posts

body.page hides it in pages

Thank you! It works now.

you’re welcome – don’t forget to mark it as resolvd