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 Change background colour of Footer Style 1 CTA

Discussion in 'Basic Support Forum' started by ThemeUser, Jun 1, 2020.

  1. ThemeUser

    ThemeUser Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I need to change the background colour of the blue Call To Action banner which appears at the top of Footer Style 1. However, the default blue colour does not go away even though it is not applied as a "background" in the Section, Row, or Call To Action or Button modules. How can the blue be replaced with a different colour?
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  2. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    It's a CSS background overlay. You can change it in the Section Settings > Advanced > Custom CSS > Before
     
  3. ThemeUser

    ThemeUser Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    That works, but as a suggestion, I think it would simplify things if we could change the background colour/image by just going to Section Settings > Background. Perhaps it might be possible to include that in an update to Divi Ultimate?
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  4. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    It's because we use that custom CSS to make background overlay, which should work fine in all cases. The normal Divi option background overlay doesn't work for parallax background image.
    **By background overlay, I'm referring to the overlay color on the background image.

    Our background overlay is added through CSS Class in the Section settings > Advanced > CSS Class: free-background-overlay

    And you can edit the background overlay color in the Section settings > Advanced > Custom CSS > Before, which we think is the easiest way for users to edit the color. Instead of diving into the custom CSS.
     
  5. ThemeUser

    ThemeUser Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    No problem. Thanks for the detailed reply.
     
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More