Hide featured image on page

Premium Theme Support › SiloCreativo › Silvio

• Author
  Posts
• October 4, 2018 at 9:44 pm #135543
  
  stephaniemichelle8989
  

  Member

  Hi there,

  I would like to hide the featured image voor all pages and some blog posts.

  It’s for my website: https://experiter.nl

  I’ve read the topics about hiding it, the css codes mentioned in those topics don’t seem to work.
  Could you please help me?

  The blog I need help with is experiter.nl.

  October 4, 2018 at 11:00 pm #135544
  
  ricardpriet
  

  Theme Author

  Hi there,
  thank you for using our theme :)

  Yes, for pages you can simply remove the featured images you have added or add this CSS:

  body.page .silvio-single-bg-image {
      min-height: auto;
      background-image: none !important;
  }
  body.page .silvio-single-bg-image > .container {
      position: relative;
      bottom: 0;
      padding-top: 30px;
      padding-bottom: 30px;
  }

  For blog post the same, but you need to know the post id first. Here you are how to get it:
  https://en.support.wordpress.com/pages/#how-to-find-the-page-id

  Then change the post id of the post you want to hide the featured image in this CSS:

  body.postid-427 .silvio-single-bg-image {
      min-height: auto;
      background-image: none !important;
  }
  body.postid-427 .silvio-single-bg-image > .container {
      position: relative;
      bottom: 0;
      padding-top: 30px;
      padding-bottom: 30px;
  }

  where “427” is the id of your post.

  Hope this helps :)
  Ricardo P. from SiloCreativo

  October 4, 2018 at 11:48 pm #135546
  
  stephaniemichelle8989
  

  Member

  Thank you for your answer.

  I entered the CSS code but it shows a black beam.
  For example: https://experiter.nl/vliegtickets/

  Is it possible to remove the beam and place the video under the menu bar?
  (all the pages will have the same lay-out)

  October 5, 2018 at 12:52 am #135549
  
  ricardpriet
  

  Theme Author

  Yes of course,

  add this CSS:

  body.page .silvio-single-bg {
      display: none;
  }
  body.page .entry-content {
      padding-top: 0;
  }

  Thank you,
  Ricardo P.

  October 5, 2018 at 12:59 am #135551
  
  stephaniemichelle8989
  

  Member

  It worked! Thank you :-)

  October 5, 2018 at 1:03 am #135552
  
  ricardpriet
  

  Theme Author

  Nice!
  you are welcome :)

• Author
  Posts

The topic ‘Hide featured image on page’ is closed to new replies.