Canard Theme – Hide featured image inside the post

• 

  odraregi · Member · Jun 17, 2015 at 1:19 pm

  • Copy link
  • Add topic to favorites

  Hi, how can i do to hide the featured image inside the singular post?

  So i can see only the post title without the featured image how background.

  Thanks

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

• 

  kathrynwp · Staff · Jun 17, 2015 at 7:45 pm

  • Copy link

  This should do the trick:

  .attachment-canard-single-thumbnail {
       visibility: hidden;
  }

  Let me know how it goes.

• 

  odraregi · Member · Jun 17, 2015 at 8:21 pm

  • Copy link

  Working fine! thanks
  Do u know how can i do to enlarge the right sidebar? about 300px or 350px

  thanks

• 

  kathrynwp · Staff · Jun 18, 2015 at 2:09 pm

  • Copy link

  The sidebar is already 331px, right within your target.

• 

  odraregi · Member · Jun 18, 2015 at 3:38 pm

  • Copy link

  ah ok! Last question about the hidden thumbnail.
  I have used your CSS and working fine, but now i have all title posts with the black color backgroud, for ex:
  http://gerardopandolfi.com/2015/06/18/la-musica-e-protagonista-dellestate-a-milano/

  But i see another my posts without the black backgroud, for ex:
  http://gerardopandolfi.com/2015/05/12/whatsapp-disattivare-le-notifiche-a-comparsa-su-lollipop/

  Do u think is it possible have all post same the second link, with white backgroud or it better without color, to have only the title.

  Thanks you very much.

• 

  kathrynwp · Staff · Jun 18, 2015 at 6:10 pm

  • Copy link

  There would be quite a few tweaks needed to change the black background of posts that had a featured image, because the HTML and CSS are very different from posts that don’t. Removing the black background isn’t enough, because the text is white by default, and of course that’s not legible against a white backgound. This should get you started but you may need to make further tweaks to get things looking exactly as you want:

  .entry-header-wrapper {
       background-image: none;
  }
  
  .entry-header-wrapper .entry-title {
       color: #000000;
       text-shadow: none;
  }
  
  .entry-header-wrapper .cat-links a {
       color: #777;
       text-shadow: none;
  }

• 

  odraregi · Member · Jun 19, 2015 at 10:01 am

  • Copy link

  Hi, i try but nothing happen. i change your color #000000 with #fff because so it possible look the post title.
  Screen Shot link:
  https://gerardoalessiopandolfi.files.wordpress.com/2015/06/screen_01.jpg

  thanks

• 

  kathrynwp · Staff · Jun 19, 2015 at 2:00 pm

  • Copy link

  I accidentally left off one of the necessary styles when I copy-pasted in the code. Sorry about that! Could you try this instead?

  .entry-hero .post-thumbnail {
       background-color: #ffffff;
  }
  
  .entry-header-wrapper {
       background-image: none;
  }
  
  .entry-header-wrapper .entry-title {
       color: #000000;
       text-shadow: none;
  }
  
  .entry-header-wrapper .cat-links a {
       color: #777777;
       text-shadow: none;
  }

  Here’s a screenshot: https://cloudup.com/ctbHuDY6OOU

• 

  odraregi · Member · Jun 19, 2015 at 3:37 pm

  • Copy link

  Hi, I have try, but i think it better how design/colors use the theme without your last css, because the thumbnail hidden space it big, and the black color in this case it better, it cool than all white.

  Do u think it possible reduce the height of the post title backgroud?
  So the black stripe it cool but i think it better if it more short

  thanks again

• 

  kathrynwp · Staff · Jun 19, 2015 at 6:10 pm

  • Copy link

  You can reduce the height on those posts by changing what I gave you earlier:

  .attachment-canard-single-thumbnail {
       visibility: hidden;
  }

  to something like this:

  .attachment-canard-single-thumbnail {
    visibility: hidden;
   height: 180px;
  }

  You can adjust 180 as you like.

• 

  theyellowbeans · Member · Jul 17, 2015 at 5:14 pm

  • Copy link

  Is there a way to hide it with the free version of wordpress?

• 

  thesacredpath · Member · Jul 17, 2015 at 8:36 pm

  • Copy link

  @theyellowbeans, to hide the featured image on posts, you would need to upgrade to the WordPress.com Premium Plan.