Hide featured image from post on Carbon theme

  • Unknown's avatar
    socooley · Member ·

    Hi! I’d like to hide a featured image from my post but have it remain on the grid page of my Carbon theme.

    I don’t want to have any blank spaces on my grid page, and since the only visuals for some posts are videos or embedded videos, I want to have an image from the video appear on the grid page. I was planning on using a screen capture of the video as a featured image and then hide in it within the post to create this effect –unless someone has a better solution.

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, I see you have the following custom CSS right now which is hiding the featured image on single posts and setting a height for the parent div. Has this accomplished what you were wanting or are you wanting to make further adjustments? 

    .single .article-cover__background {
	display:none
}
.article-cover {
	min-height:300px !important;
	height:50vh
}
  • Unknown's avatar
    socooley · Member ·

    Hi. This has successfully hidden the featured image from posts like I wanted, but it also leaves a rather large blank space that I can’t seem to get rid of. I would like to eliminate everything above the post itself. I would also like to know if it would be possible to do all of this (hide featured image and other stuff above the post) on some posts while leaving other posts with the default settings, that is showing the featured photo and title, etc.

    Thank you!

  • Unknown's avatar
    thesacredpath · Member ·

    If you wish to hide entire area at the top on single post pages, change your first CSS rule to this. 

    .single .article-cover {
	display:none
}

    This also hides your gravitar and the post meta data that is typically over the image.

    You can hide the images on only certain single posts in a couple of ways. Which would be less work depends on whether there will be fewer you wish to have the image appear on, or whether there will be fewer you wish to not have the images appear on.

    Basically you can hide the stuff from all pages and then override that on a post-by-post basis by using the unique post id class from the opening body HTML tag. You would leave the above in place and then do something like this on a post you wish to have the image visible. I’ve used your So Cooley post in this example. 

    .postid-104 .article-cover {
	display: block;
}
  • Unknown's avatar
    socooley · Member ·

    Oustanding! I think these are the solutions I was looking for. I want the majority of my posts to have no article cover and only use that occasionally. I’ll play with this after work to make sure all is well and I’m correctly understanding. Thanks!

  • Unknown's avatar
    thesacredpath · Member ·

    Great, and let me know if you have any problems or questions.

  • The topic ‘Hide featured image from post on Carbon theme’ is closed to new replies.