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

Section background with dividers

Discussion in 'Free Divi Community Forum' started by carolinalucasg, Dec 26, 2023.

  1. carolinalucasg

    carolinalucasg New Member

    Hello Divi Community, I really need your help!

    I'm trying to create the attached layout... but I'm struggling with the end where there is a background image of a woman holding a phone(banana).
    I don't know if this is the best way of doing it, however, with the gradient I created dividers and wanted instead of using a color as a divider to use the background of the woman. Does anyone know if this is possible?
    upload_2023-12-26_15-3-20.png

    Also, the background gradient when i upload it as a background image it's really blurry, any solutions for this?

    Thank you in advance and i hope you all had a lovely christmas
     
    #1 carolinalucasg, Dec 26, 2023
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    For the gradient background color, it's best for you to recreate the gradient using the background gradient settings in the section.

    As for the divider shape, since Divi doesn't have the exact same divider shape, you will need to upload your own divider png image & place it using pseudo CSS of the Section Settings. Here's an example: https://divi.help/threads/section-dividers.6588/

    As for the bottom background image of the woman holding banana, just apply the same logic as the top divider shape. Just use image editor software to replace the divider wave with the woman picture.
     
    #2 Divi.Help, Dec 26, 2023
(You must log in or sign up to post here.)