• 0

Remove Featured Image from actual blog posts?

Question

Posted · Report post

Hi there, wondering if there is a way to remove the featured image from the blog posts themselves. Looks silly that there are two of the same images in the blog post. Am I correct to assume that we need the featured image for the thumbnails in the flipper and post loop? Thanks!

Share this post


Link to post
Share on other sites

19 answers to this question

  • 0

Posted · Report post

Use it like this:

 

#site {
  .hide-my-image {
    .metamedia {
      display: none;
    }
  }
}
 
Then add hide-my-image to the Postloops Styling Classes field.
3 people like this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi @fraktureP

Please, you can go in post loop on the blog post and you have the "Hide Thumb" option.

I add an image

http://screencast.com/t/FE4v6v3XFhv

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ha! Of course it's something so simple! Thank you for taking the time to show me. :-) 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Well done Batman, thank you for updating the thread frakture.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Does it not give you the option in DMS 2, or am I not looking in the right spot? 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

simplyport. You need to activate the legacy mode to get DMS 1 control, or use custom CSS/LESS

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I have the same problem, but don't want to activate legacy as its not supported going forward.  But I am not sure what to write in the CSS.  I looked on firebug, but its not clear to me.  Is there a simple fix to turn off the featured image in custom post types for DMS2? 

 

Thanks,

Seth

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

To remove the Post thumb, add the following to your CSS.

 

#site .metamedia {
display: none;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks, Danny.  I just put this into my custom CSS:

 

.hide-image {
  #site .metamedia {
display: none;
}
}
 
then I listed the hide-image in the Custom Styling Classes field of the WP Content Loop, but the featured image is still displaying.  Am I doing something wrong?
 
Thanks

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Perfect, Danny.  Thanks again for your help!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Very cool!

 

I just put hide-my-image in the Styling Classes field on one of my Pages and it removed the Featured Image.  

 

Thank you.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem, when I finally finish the new docs, I will be sure to add little cool snippets like this into the docs.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

https://gist.github.com/Pross/9984549

2 people like this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Is it possible to hid the featured image on one specific post as opposed to hiding it on all posts?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Is it possible to hid the featured image on one specific post as opposed to hiding it on all posts?

Every post has a post class id, look at the page source and the <body> classes. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Simon_P,

 

So let's say I look up the post in question and its article id is 400. Would the following work?

.post-400 .metamedia {
  display:none;
                }
}

Or would I use the section id?

 

 

 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Here is the body class of a post:

<body class="single single-post postid-1 single-format-standard logged-in admin-bar no-customize-support dms pl-pro-version responsive full_width pl-editor template-none display-full">

So if i want to hide metamedia on that post id use something like:

 

.postid-1 .metamedia {

    display:none;

}

 

Your snippet is invalid css, and also the postid format is wrong.

2 people like this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks Simon_P for helping me out

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now