[StefanParticipant]

Hi,

I’ve been searching through the forum, but it did not answer my question.

I would like to choose if a featured image, at the top of my posts, should be hidden or not. Is this possible? For my portfolio I’ve tried to add this code in the CSS:

.single-x-portfolio .entry-thumb {
display: none !important;
}

But this hides ALL featured images in ALL posts in my portfolio. And that’s not what I want.

Can you help me out?

Many thanks!

Link: http://food-blogger.com/recipes/

[RubinKeymaster]

Hey Robin,

the other solution would be to inspect the source code and look for the ID of the page/post. For example this page: http://food-blogger.com/our-recipes/6746/

would be postid-6746

so you would enter following code:

.postid-6746 .entry-thumb { display: none; }

[StefanParticipant]

Thnx! That helps.

Another thing: I miss this option while setting up a post. Would be handy to have an option that says “Show Featured Image On Top of Post” or “Don’t Show Featured Image On Top of Post”. Is this something you guys can create for the X theme? Would love it!

[AlexanderKeymaster]

Hi Robin,

Thanks for the feedback! We can add this as a feature request so it can be considered for future development. Take care!

[Jason CParticipant]

I had a similar issue, I only wanted to hide the featured image in the single post page. The fix about just took out all featured images even in the landing pages. I added the extra class and was able to achieve the look I wanted.

.single-x-portfolio .entry-featured {
display: none !important;
}

However, I will second the feature enhancement to hide featured images inside posts. In general, the featured post images are way too big in X. Some size options would be great – not every site has great imagery.

[Paula SMember]

Hi Jason, Thanks for the feedback and we’ll certainly take a note of this. Have a nice day.

[JonathansbParticipant]

But but but… where do you put the code? O:)

[ZeshanMember]

Hi Jonathan,

Do you mean this code:

.single-x-portfolio .entry-featured {
display: none !important;
}

If so, you can add it under Custom > CSS in the Customizer.

Thanks!

[periwinklesueParticipant]

I’m trying to hide the featured image at the top of all post pages. When I paste this code

.single-x-portfolio .entry-featured {
display: none !important;
}

into the custom CSS box, it doesn’t do anything for me. Is this because it’s affecting the portfolio and not the posts? If so, what do I change to make it affect the posts? I can add the following code

.single-x-post-thumbnail {
display:none;
}

to hide the featured image for an individual post, but I would like to apply this to all posts.

Thanks.

http://www.periwinklesue.com
Ethos stack

[periwinklesueParticipant]

Never mind, I found it somewhere else. For those looking to hide all featured images from the top of posts, here’s the code.

.single-post .entry-featured{
display:none;
}

OK, now if I wanted to show the featured image on a particular post, how would I do that?

[ThaiModerator]

Hi There,
Try adding following CSS under Appearance > Customize > Custom > CSS:

.postid-1135 .entry-featured{
display:none;
}

You can replace the 1135 number by your Post’s ID, to find a Post’s ID please take a look at this article: https://theme.co/x/member/kb/how-to-locate-post-ids/.
Hope it helps.

[periwinklesueParticipant]

Thanks, but what would be the opposite of display:none? I have them all off by default. I want to override this for one. I just don’t know what to replace the “none” with.

Thanks

[FriechModerator]

Hi There,

Thanks for the clarification not sure what is the opposite of none value. But the other commonly use values for display property are block, inline and inline-block.

You can follow this page for more info about display property.

Hope it helps, Cheers!

[SmalltorqueitParticipant]

I concur that a “Display featured image on post/page” button would be good. And indeed a “Display post/page title” button.

[DarshanaModerator]

@smalltorqueit

Thank you for your feedback. This area will be improved in a future release.

Thanks!

[Author]

Posts