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 Lessen Space Between Items in Timeline

Discussion in 'Support Forum' started by Lisa Robinson, Apr 14, 2023.

  1. Lisa Robinson

    Lisa Robinson New Member

    Attached Files:

    #1 Lisa Robinson, Apr 14, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    1. Look for "This is the container for the carousel" in the Visual Builder & go to the code module settings.
    2. In the code module settings, for the content area, scroll down to <div class="free-432-light db-swiper-row-module" data-columnsdesktop="3" data-columnstablet="2" data-columnsphone="1"
    3. For the columnsdesktop, you can try to change the value from 3 to 4.
     
    #2 Divi.Help Pro Support, Apr 14, 2023
  3. Lisa Robinson

    Lisa Robinson New Member

    Thank you that is great. Is there also a way to adjust how many columns slide in when clicking the arrows? Ultimately, I'd like there to be less clicks to go through the whole timeline. Thanks in advance!
     
    #3 Lisa Robinson, Apr 15, 2023
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    That's not part of our coding. But you can add it by:
    1. Going to the code module settings of 'This is the main code for swiper carousel.....'.
    2. In the content area, look for:
    1150:{ replace with 1150:{slidesPerGroup:4,
    700:{     replace with 700:{slidesPerGroup:2,
     
    #4 Divi.Help Pro Support, Apr 16, 2023
  5. Lisa Robinson

    Lisa Robinson New Member

    Thank you. Would that be BOTH instances of those that need replacing? (see attached) ie. it becomes "
    1150:{slidesPerGroup:4,slidesPerView:a.columnsdesktop,space...." in both spots for 1150 and 700.
     

    Attached Files:

    #5 Lisa Robinson, Apr 17, 2023
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Just the first instance will do.
     
    #6 Divi.Help Pro Support, Apr 17, 2023
  7. Lisa Robinson

    Lisa Robinson New Member

    Thank you for the great support! I really like the Divi Block!
     
    #7 Lisa Robinson, Apr 18, 2023
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #8 Divi.Help Pro Support, Apr 18, 2023
(You must log in or sign up to post here.)