How to remove featured image on tracks theme

Thanks for choosing Tracks!

You can use the following CSS to hide the Featured Images on the post page, but not on the blog/homepage:

.singular-post .featured-image {
  display: none;
}

Copy & paste the code above into the “Custom CSS” section in the Customizer (Appearance > Customize), and it should take affect right away.

Works great! Thank you Ben for your prompt response and good answer.

Hopefully you don’t mind me asking a couple more questions to you, if I need a new thread or anything let me know.

Can I add text to the bottom of the page but not in the footer. That way there’s something descriptive for the robots to read?

Also, how many posts will load on the homepage? If it’s all of them, is there code to limit how many come to the homepage?

Sure thing! To answer your questions:

Can I add text to the bottom of the page but not in the footer. That way there’s something descriptive for the robots to read?

If you want the same text displayed at the bottom of all pages, a Text widget in the Footer widget area would be best. This would show above the text at the very bottom of the site.

Otherwise, the After Post Content and After Page Content widget areas could be used to place some text at the end of every post/page.

Also, how many posts will load on the homepage? If it’s all of them, is there code to limit how many come to the homepage?

Yea there’s an option for this in the Reading Settings menu (Settings > Reading) called “Blog pages show at most”. You can define exactly how many posts per page you want displayed there.

Thank you so much. Once my site starts making money I will definitely upgrade / donate.
Thanks again

Sounds good, no problem ??

Hey — just stumbled across this thread and it has two great answers that I was looking for.

One followup on the first one — is it possible to do that only on SOME post pages, but not all?

Yea there’s a way to do that as well. Check out the following CSS snippet:

.singular-post-22 .featured-image {
  display: none;
}

What I’ve done is added “-22” to the “singular-post” class, and that makes it so it only hides the featured image on the post with an ID of 22.

So to use this on your site, you’ll first want to find the ID of the post you want to hide the image for. We have a quick tutorial you can follow here if you’re not sure how to do that.

Once you have the ID, copy and paste the above snippet into the Custom CSS section, and update the number. For instance, if the post has an ID of 313, the snippet should look like this:

.singular-post-313 .featured-image {
  display: none;
}

You can repeat this for any posts you want to hide the featured image on.

Great! Thanks so much for the quick reply!

Sure thing, happy to help!