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

How to make text with BG overlapping image

Discussion in 'Free Divi Community Forum' started by kotkota, Nov 23, 2019.

  1. kotkota

    kotkota Member

    Hello, Forum!

    Please help to make text like on screen? Overlapping image
     

    Attached Files:

    • 1.png
      1.png
      File size:
      320.4 KB
    #1 kotkota, Nov 23, 2019
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    For the title text module, try to add some positive margin left + negative margin right.

    By default the text will be hidden behind the image. As to fix this overlap issue, try to go to the Row Settings > First Column Settings > Advanced > Visibility > Z Index > 10.
     
    #2 Divi.Help, Nov 23, 2019
    kotkota likes this.
  3. kotkota

    kotkota Member

    Ok! It is working. Can you please help with BG behind the text. How to make BG little up than text?
    I have this (on screen)
     

    Attached Files:

    • 1.png
      1.png
      File size:
      325.1 KB
    #3 kotkota, Nov 23, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    What about adding margin top to the text?
     
    #4 Divi.Help, Nov 23, 2019
  5. kotkota

    kotkota Member

    Background should be in row i think, or on in text module? If it on int text, background shifted with text
     
    #5 kotkota, Nov 23, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Not quite sure what you meant. Kindly share your URL.
     
    #6 Divi.Help, Nov 23, 2019
  7. kotkota

    kotkota Member

    I hav made need BG by gradient
     
    #7 kotkota, Nov 23, 2019
    Divi.Help likes this.
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  8. kotkota

    kotkota Member

    Can somebody help me to make exact the same part with %, not in px?
     

    Attached Files:

    • 1.png
      1.png
      File size:
      595.7 KB
    #8 kotkota, Dec 5, 2019
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    Any issue with that?
     
    #9 Divi.Help, Dec 5, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  10. kotkota

    kotkota Member

    I've copied styles from console for section, raw and module, but it looks that something wrong
     
    #10 kotkota, Dec 5, 2019
  11. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly show screenshot on which part looks wrong.
     
    #11 Divi.Help, Dec 6, 2019
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  12. kotkota

    kotkota Member

    This is original link. My site is on local machine... I will publish than and give a link
     
    #12 kotkota, Dec 6, 2019
(You must log in or sign up to post here.)