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 Vertical Column Dividers

Discussion in 'Free Divi Community Forum' started by DigitalTiger, Jan 28, 2019.

  1. DigitalTiger

    DigitalTiger New Member

    I am building a website for a client who wants a thin vertical border 1px between the columns on his home page. How do I create this?
     
    #1 DigitalTiger, Jan 28, 2019
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Maybe you can just use border for that.

    For example, just go to the Row settings > Advanced > Custom CSS > Column 1 Main Element & insert the CSS below:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Jan 28, 2019
  3. DigitalTiger

    DigitalTiger New Member


    That works well thanks.

    How can I move the border to align it between the columns do you know?
     
    #3 DigitalTiger, Jan 28, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Maybe you will need to set the gutter width = 0 for the row settings & you will need to individually set the padding left right of the modules in the column.
     
    #4 Divi.Help, Jan 28, 2019
  5. DigitalTiger

    DigitalTiger New Member

    That was briliant thanks
     
    #5 DigitalTiger, Jan 28, 2019
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  6. Rachmad Igen

    Rachmad Igen New Member

    how to set up for border height?
     
    #6 Rachmad Igen, Feb 27, 2025
  7. Rachmad Igen

    Rachmad Igen New Member

    just got the answer from chat GPT :D

    custom css -> after

    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 50%;
    background-color: #fafafa;
     
    #7 Rachmad Igen, Feb 27, 2025
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
(You must log in or sign up to post here.)