[Theme: Boardwalk] Remove featured image from post

Hi tomvanarken – what theme are you referring to?

If it’s Boardwalk, this custom CSS will hide the featured image on single posts:

.single .entry-thumbnail {
  display: none;
}

You’ll probably need to make other CSS tweaks as well to account for the fact that you’ve hidden the entire featured image area, which also contains your post title and date.

Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

If you need further help, could you please confirm which theme you’re talking about and provide a link to your site if possible.

I just saw your other thread:

I would like to change the size of the featured image within a post.

Site is: https://www.tomvanarken.nl/?p=1

Right now it shows as 2000×1500 px. I would like to be able to change that to something like 2000×400 px.

This custom CSS should do it:

.single .entry-thumbnail {
  height: 400px;
}

Thanks for this post I had the same question and this solved the problem.

callonjim – Glad this helped!

Hello Kathryn,

Maybe you can help me. I have the same question but it don’t work for me?

You can see the site on https://www.lindehoekstra.nl/srilanka

I want to change the height of the featured image on the post site.

The custom CSS-thing doesn’t work for me. Or maybe i’m doing something wrong.

Kind regards

lindekh – have you made any changes to the theme files?

There’s an inline style on your featured image specifying a minimum size of 840px, so you may need !important to override it, unfortunately – you could give this a try:

.single .entry-thumbnail {
     height: 400px !important;
}

I’ll let you know if I come up with anything that would let you remove !important.

This should work without !important, instead of the above:

body.single .entry-thumbnail {
    max-height: 400px;
}

Here’s a screenshot: https://cloudup.com/c-jS6N5rVpV