Remove dark overlay from Feature Image on Home page

• 

  uwaac · Member · Feb 6, 2017 at 1:56 am

  • Copy link
  • Add topic to favorites

  We’re using Shoreditch theme and wanted to know if there’s a way we can remove the dark overlay from the feature image on the home page?

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

• 

  madebygift · Member · Feb 14, 2017 at 3:52 pm

  • Copy link

  Hi. I figured this out as I was struggling with it too.

  You have to add a line of CSS, ideally in the customizer rather than the syle.css file so you don’t lose it when updating the theme.

  In the style.css file you will see:

  .page-template-panel-page .hentry.has-post-thumbnail:before {
  background: rgba(0, 0, 0, 0.2);
  content: “”;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  }

  The 0.2 value is affecting the opacity of your background image, so, add this snipped of CSS in the customizer:

  .page-template-panel-page .hentry.has-post-thumbnail:before {
  background: rgba(0, 0, 0, 0);
  }

  That should do the trick.

  Thanks,

  D.