Remove featured image on full width pages but keeping the images on grid page

• 

  nstapel · Member · Aug 18, 2016 at 8:00 am

  • Copy link
  • Add topic to favorites

  Hello

  I am trying to hide every featured image on full width pages, but :
  > I want to keep the small image on the grid page
  > I want to keep the image on the homepage

  I did write this in the css :
  .page-template-full-width-page .hero.with-featured-image {
  display: none !important;
  }

  It works, but then it messes up other things (the breadcrumb is lost in the header, the image which is “align left” appears in the center. Here you can see what I mean
  > https://laffontenergies.com/nos-metiers/chauffagiste-le-cheylard/

  Can you help me ? I am really beginner….

  Thank you

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

• 

  thesacredpath · Member · Aug 18, 2016 at 8:09 pm

  • Copy link

  Hi, there is a negative bottom margin set on .site-header on pages with a featured image. We need to set that back to 0. Add the following to the bottom of your custom CSS.

  .site-header {
      margin-bottom: 0 !important;
  }

• 

  nicapourjulien · Member · Aug 21, 2016 at 9:24 pm

  • Copy link

  It worked. Thank you so much !

• 

  thesacredpath · Member · Aug 22, 2016 at 6:51 pm

  • Copy link

  Hooray and you are welcome!