1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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 Blend mode not working on Full width header

Discussion in 'Free Divi Community Forum' started by Steve Wiseman, Oct 19, 2019.

  1. Steve Wiseman

    Steve Wiseman New Member

    Hi, I am using a full width header module on my website and would like the image to 'multiply' over its backgound using the blend mode. However it doesn't have any effect on the image. Other effects such as blur or opacity have an effect but the blend mode does nothing. I have experimented with other modules and the blend mode works on these.

    Any help would be greatly appreciated

    Thanks

    Steve
     
    #1 Steve Wiseman, Oct 19, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to go to Fullwidth header module settings > Advanced > Custom CSS > Header Container & add position: static;
     
    #2 Divi.Help, Oct 19, 2019
  3. Steve Wiseman

    Steve Wiseman New Member

    wow, thanks so much... thats done it!!
     
    #3 Steve Wiseman, Oct 19, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  4. Steve Wiseman

    Steve Wiseman New Member

    Hi, I'm having the same trouble with images in normal sections now... Will that CSS work on these? I have tried placing it in various places but no luck so far.
    Thanks in advance!
     
    #4 Steve Wiseman, Oct 21, 2019
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #5 Divi.Help, Oct 21, 2019
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  6. Steve Wiseman

    Steve Wiseman New Member

    Hi, sorry for not replying sooner, your email was in my junk

    The URL is https://cf6creative.com

    I have put a panel at the bottom of the homepage that illustrates the issue. I have set the image blend mode to multiply but it doesnt do anything to the image. The effect I am after is shown on the full screen header at the top of the home page. The CSS you supplied here worked a treat but noy joy on these other panels?

    Thanks again
     
    #6 Steve Wiseman, Oct 24, 2019
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    This is because the background image & the filter is on the same tag.

    For the background image, you should add it in the Section / Row / Column settings.
     
    #7 Divi.Help, Oct 24, 2019
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  8. Steve Wiseman

    Steve Wiseman New Member

    Hi

    Thanks for getting back to me on this. I'm not sure that the problem. I have moved the background image to the 'section' background and kept the image in the 'module' and still the blend effect is not working.

    Thanks again

    Steve
     
    #8 Steve Wiseman, Oct 30, 2019
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    Seems like you need to add position: static; for the column as well.

    Put it in Row settings > select the column settings > Advanced > Custom CSS > Main Element.
     
    #9 Divi.Help, Oct 31, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  10. Steve Wiseman

    Steve Wiseman New Member

    Thanks so much. Thats done it. I couldn't find the right place to put it....
     
    #10 Steve Wiseman, Nov 3, 2019
(You must log in or sign up to post here.)