Agent Focused Pro 2 Theme Setup

  1. Home
  2. Docs
  3. Agent Focused Pro 2 Theme Setup
  4. Extras
  5. Change Front Page 1 Image Overlay

Change Front Page 1 Image Overlay

If you do not need a dark overlay on the Front Page 1 image, you can remove it.
In WordPress, go to Appearance > Customize > Additional CSS at the bottom, and add the CSS below.

Remove the Dark Overlay

Add this CSS:

/* Front Page 1 Image Overlay */
.front-page .site-header {
   background-color: transparent;
}
.front-page-1 {
   background-color: transparent;
}
/* End Front Page 1 Image Overlay */

Change the Dark Overlay

Add this CSS. Make the 0.4 smaller for a lighter overlay, and larger for a darker overlay.

/* Front Page 1 Image Overlay */
.front-page .site-header {
   background-color: rgba(0, 0, 0, 0.4);
}
.front-page-1 {
   background-color: rgba(0, 0, 0, 0.4);
}
/* End Front Page 1 Image Overlay */