Featured Image in posts in a specific Category do not appear

Im am not sure why the featured image in all the post that appear under on of my categories are absent.
NONE of my other categories do this.

Here is a NORMAL category:

Here is the category that does not work:

Hi there,

Thanks for writing in.

It’s because of this existing CSS.

.entry-featured {
    display: none;
}

Please change it to this,

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

Hope this helps.

So I looked at my global CSS and I do not have this line you say exists already that is causing this. If it is in that categories’ OWN custom CSS, how do I get access to that from the theme’s navigator?

here is what I see in my global CSS:

.nano { background-color: #DAEAF2 !important; }

.single-post .entry-title{
color:#2548c7;}

a.entry-thumb:hover img {
opacity: 1;
filter: alpha(opacity=100);
zoom: 1;
}

.entry-thumb:before {
background-color: transparent !important;
content: “”;
}
.x-recent-posts .format-standard .x-recent-posts-img:before {
content: “”;
}

.x-recent-posts a:hover .has-post-thumbnail .x-recent-posts-img:after {
opacity: .2;
}
.widget ul li a, .widget ol li a {
border-bottom: none;
color: #000;
}
body .x-topbar .p-info a {
border:0;
}
.single-glossary .p-meta {
display: none;
}
.x-main.left,
.x-main.right {
width: 80% !important;
}

.x-sidebar.left,
.x-sidebar.right {
width: 19% !important;
}

@media (max-width: 979px) {
.x-main.left,
.x-main.right,
.x-sidebar.left,
.x-sidebar.right {
float: none !important;
display: block !important;
width: auto !important;
}
}
/* Added by Roy to center sub-cat titles */
.entry-centered {
text-align: center;
}

p.p-meta>span:nth-child(1) {
display: none;
}

.x-sidebar .widget.cat-post-pro-widget {
text-align: center;
}

.x-sidebar {
text-align: center;
}

@media (max-width: 1300px){
.widget_media_image > div,
.cat-post-item {
margin: 0 auto;
}
}

Hi There,

Please add this css to your global CSS and let us know how it goes.

.entry-featured {
    display: block;
}

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

If that doesn’t help please send us your website details.
Please provide following information:
Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

Thanks

That does not solve the problem.

Hi,

Please try this code instead.

.entry-featured {
    display: block !important;
}

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

Hope that helps.

Here why this does not work. You are recommending a global CSS for something that is happening to only one category in my site. When I put it it it displays featured pictures in every other page I have blocked them on purpose.

Hi There,

Could you please double check again?

I’ve added the custom CSS under X > Theme Options > CSS:

.entry-featured {
    display: block !important;
}

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

Sorry but I feel like I’m going in circles.

The category page is working fine now but my Front page and other pages now have a featured image on top I do not want. I need to take that off.


Hello There,

You have added this code:

This code displays the featured image but hides the features images in single blog posts. If you want to include the pages, you can update it to this code:

.entry-featured {
    display: block !important;
}

.single-post .entry-featured ,
.page .entry-featured {
    display: none !important;
}

This code will make sure that the featured image will not display in single posts and all the normal pages. It will still display in the archive pages such as the category archives.

Hope this helps.

That worked thank you

You’re welcome. Glad we could help.

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