1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Overlays

Discussion in 'Basic Support Forum' started by Bobby Hougham, Jul 20, 2017.

  1. Bobby Hougham

    Bobby Hougham New Member
    Divi Ultimate Child Theme

    I am using the construction theme but want to remove the dark overlay on the built in header. or at least reduce the opacity but cannot find where you have that set up, could you please let me know how to adjust/remove that?

    thanks!
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    To completely remove the overlay, go to Section Settings -> Advanced -> CSS Class -> and remove the free-background-overlay

    See the screenshot below:

    overlay-css.png

    To change the opacity of the overlay, go to Section Settings -> Advanced -> Custom CSS -> Before -> and add background-color: rgba(0,0,0,0.4)!important;

    0.4 is the opacity. Change to any value that you want. 0.65 is the default value.

    See the screenshot below:

    overlay-css-2.png

    Let me know if you have any other questions.
     
  3. Bobby Hougham

    Bobby Hougham New Member
    Divi Ultimate Child Theme

    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo