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 One (long) Text in two Columns

Discussion in 'Free Divi Community Forum' started by Mubben, Nov 2, 2021.

  1. Mubben

    Mubben New Member

    Hi Divi Team,

    I want to split my long text into two columns without using 2 columns.
    I allready saw that it is possible with css, but I#m really not into coding with css.
    Can anybody help how I can split my long text section into two so thats more easy to read?

    Thanks in advance!
     
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to go to your Text module settings > Advanced > Custom CSS > Main Element & add column-count: 2;
     
  3. Mubben

    Mubben New Member

    That worked perfect, Thanks so much!
     
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  4. HelloHuman

    HelloHuman New Member

    How do we do this but edit the gutter spacing? (space in between the two columns)
     
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Use column-gap CSS:
    Code:
    Log In or Sign Up to view this code.
     
    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. Tom Matthews

    Tom Matthews New Member
    Pro Member

    I just registered for the forum purely to say THANK YOU SO MUCH Divi.Help - I have been searching for a solution to this for so long, including with Elegant Themes support, who said it wasn't possible! Thank you so much!
     
  7. Jake More

    Jake More New Member
    Pro Member (Support Expired)

    this is awesome - thank you.
    now... how to make this only for Desktop and Tablet?
    3 columns on mobile is a bit much. Thanks, Jake
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    You just need to set different values for the mobile view. Check out the screenshot below:

    upload_2024-11-14_18-15-5.png
     
  9. Jake More

    Jake More New Member
    Pro Member (Support Expired)

    of course :oops:
    I was apparently trying to make this more difficult.
    Thanks for reminding me of the EZ solution that I should have fully realized

    Jake
     
    Divi.Help likes this.
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More