Featured Image Size On Single Post


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

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.


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.

Hello @LPP,

Thanks for asking. :slight_smile:

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.


This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.