Overlay on front pages (Lodestar)

• 

  rjs090100 · Member · May 26, 2017 at 4:36 pm

  • Copy link
  • Add topic to favorites

  The Lodestar theme has an overlay over most of the front page pieces. I was able to remove the gray overlay on the header image, but now it seems even the static front page has an overlay. My logo color in the header image looks different than the static page. How do I remove all the overlays?

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

• 

  rambogenius · Member · May 26, 2017 at 6:28 pm

  • Copy link

  Hi,

  To remove the gray overlays use this Custom CSS:

  .panel-image::before {background: none;}

  Thanks

• 

  rjs090100 · Member · May 26, 2017 at 6:46 pm

  • Copy link

  That doesn’t seem to work. Here’s what I have

  body:not(.no-header-image) .custom-header-image::before,
  .lodestar-front-page .custom-header-image::before {
  background: rgba(0,0,0,0.0);
  bottom: 0;
  content: “”;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  .panel-image::before {background: none;}

• 

  rjs090100 · Member · May 26, 2017 at 6:48 pm

  • Copy link

  That got rid of the overlay on the panel images. I’m wanting to get rid of the overlay on the actual page that’s showing.

• 

  rambogenius · Member · May 26, 2017 at 8:57 pm

  • Copy link

  @rjs090100

  @thesacredpath has solved this here.

  https://en.forums.wordpress.com/topic/gray-filter-in-intro-photos?replies=13#post-2954696