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 Decrease Breadcrumbs Spacing

Discussion in 'Free Divi Community Forum' started by Carlos A Torres, May 16, 2024.

  1. Carlos A Torres

    Carlos A Torres New Member

    Hi, is there a way to decrease the spacing between the breadrumb items where the icons are so it's not so large, maybe just 1 or 2 spaces? Thanks!
     

    Attached Files:

    #1 Carlos A Torres, May 16, 2024
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  2. Divi Booster

    Divi Booster Divi Expert

    Hi Carlos,

    Are you able to share a link? The solution will depend on what plugin you're using to add the breadcrumbs, etc.
     
    #2 Divi Booster, May 16, 2024
  3. Carlos A Torres

    Carlos A Torres New Member

    #3 Carlos A Torres, May 16, 2024
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  4. Divi Booster

    Divi Booster Divi Expert

    Thanks, Carlos. You should be able to do it with the following CSS:

    Code:
    Log In or Sign Up to view this code.
    You can add it at "Divi > Theme Options > General > Custom CSS" or in the style.css file of a child theme.
     
    #4 Divi Booster, May 16, 2024
  5. Carlos A Torres

    Carlos A Torres New Member

    Thank you for your help!
     
    #5 Carlos A Torres, May 17, 2024
    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
  6. Divi Booster

    Divi Booster Divi Expert

    You're welcome, Carlos!
     
    #6 Divi Booster, May 17, 2024
  7. Carlos A Torres

    Carlos A Torres New Member

    Apologies for opening this up again.
    Quick question, is there a way to condense the space between lines in case there's a second line due to the amount of characters?
     

    Attached Files:

    #7 Carlos A Torres, May 20, 2024
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  8. Divi Booster

    Divi Booster Divi Expert

    Hey Carlos,

    Try this:

    Code:
    Log In or Sign Up to view this code.
    The gap is coming from a combination of the bottom margin on the breadcrumb items and the line height set on the text. This code addresses it by moving the margin off the line items onto the full container, and then controlling the spacing between lines by adjusting the line-height.

    Hope if helps!
     
    #8 Divi Booster, May 20, 2024
  9. Carlos A Torres

    Carlos A Torres New Member

    Thank you so much, that worked!
     
    #9 Carlos A Torres, May 23, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  10. Divi Booster

    Divi Booster Divi Expert

    Great! Thanks for letting me know, Carlos :)
     
    #10 Divi Booster, May 23, 2024
(You must log in or sign up to post here.)