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 4 rows with different spacings

Discussion in 'Free Divi Community Forum' started by cwly, Apr 6, 2020.

  1. cwly

    cwly Member

    Hey,

    I would like to have the layout I attached as a picture.

    I have two rows on the left side that should have no spacing in between. The same on the right side. But there should be a gap in between.
    Of course, all rows also should have the exact same height.

    So far I couldn't find a way to achieve this.

    Do you have an idea?

    Cheers!
     

    Attached Files:

    #1 cwly, Apr 6, 2020
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You can just create a 4 column row & set the Row Settings to have gutter width 1 & equalized column heights

    Then go to the Row Settings > Column Settings & use the Transform > Translate option to adjust the column location.

    Basically, for the first 2 columns, use transform translate to adjust it to the left. And last 2 columns to the right.
     
    #2 Divi.Help, Apr 7, 2020
  3. cwly

    cwly Member

    Thanks, I did what you suggested.

    But actually everything looks the same as before. All 4 rows have the same height, but have no space in between.
    According to your suggestion, where do I set the width of the gap between row 2 and 3?
     
    #3 cwly, Apr 7, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Row Settings > Column Settings > Design tab > Transform > Translate & move it to the left / right.
     
    #4 Divi.Help, Apr 7, 2020
    cwly likes this.
(You must log in or sign up to post here.)