Featured Image Size On Single Post

[LPP]

Hey,

Is there a way to change the featured image size on a single post without affecting the other posts? Tried to google/figure it out but couldn’t figure out a way to do it properly. Help is appreciated, Thanks

[friech]

Hi There,

Thank you for writing in, please add this to Theme Options > CSS

@media (min-width: 768px) {
	.single-post .has-post-thumbnail .entry-featured {
		width: 50%;
	    margin: auto;
	}
}

Feel free to adjust the width: 50%; value. You can also add a property display: none; if you just want the image to be hidden completely.

Cheers!

[LPP]

The problem is, this makes every single post featured image that size, I was more curious if there is a way to do for just a specific post I would need to do it to.

[Prasant]

Hello @LPP,

Thanks for asking.

Absolutely, you can take advantage of page id feature to change size of featured image on a specific page. You can refer our knowledge base article to find out page/post id. https://theme.co/apex/forum/t/setup-how-to-locate-post-ids/59

Essentially you need to prefix page id in your CSS class. You can refer following tutorial to learn more on using page id with example codes. https://www.ostraining.com/blog/wordpress/hide-element-css/

Here is a sample code that you can use.

@media (min-width: 768px) {.postid-1162 .entry-featured {width: 50%; margin: auto;}}

Please replace 1162 in .postid-1162 with your page/post id.

Thanks.