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 Text module not available in full width area after header.

Discussion in 'Free Divi Community Forum' started by Dan Cook, May 14, 2021.

  1. Dan Cook

    Dan Cook New Member

    The Text Module is not available in full width area. Below the header.
    Why? How to insert it?

    The workaround is to insert an extra "Full Width Code Module", and add text; but it obviously adds an extra module layer below the main area; which is undesirable!

    I tried adding the HTML to the main "Full Width Code Module", but the particles JS code blocks the text from displaying!

    Any workaround you can recommend?

    upload_2021-5-15_0-8-34.png
     
    #1 Dan Cook, May 14, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL with this issue.
     
    #2 Divi.Help, May 18, 2021
  3. Dan Cook

    Dan Cook New Member

    #3 Dan Cook, May 18, 2021
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Looks fine to me. I don't see the particles JS code blocks the text from displaying.
     
    #4 Divi.Help, May 18, 2021
  5. Dan Cook

    Dan Cook New Member

    I found out the full width section does not include the text module! So this one is clear :)

    What i meant about the Particles JS code, is that the text you see is a 2nd code module just for the text.
    The JS code in the 1st module does not allow the text to display.

    Any idea why? For me knowing this allows for a more structured and lean development as the 2nd code module might not be needed.
     
    #5 Dan Cook, May 18, 2021
    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
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    If you put your text in the first code module, the text will be missing because you have custom CSS that set the text to be bottom: 310px;

    You will need to change it to -310px instead.
     
    #6 Divi.Help, May 18, 2021
  7. Dan Cook

    Dan Cook New Member

    Yes. That worked. Thank you! :)

    Do you know what CSS attributes are causing the text in the screenshot not to break evenly and behaving responsively when i reduce the window length. I want it to be:
    DESIGN.
    MARKETING.
    DEVELOPMENT.

    With some spacing between the words.

    upload_2021-5-18_23-13-5.png
     
    #7 Dan Cook, May 18, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's the line height. You will need to add line height CSS for your title.

    For example:

    line-height: 1.7em;
     
    #8 Divi.Help, May 21, 2021
    Dan Cook likes this.
  9. Dan Cook

    Dan Cook New Member

    Thank you!
     
    #9 Dan Cook, May 30, 2021
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
(You must log in or sign up to post here.)