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

Blurb image & text spacing

Discussion in 'Free Divi Community Forum' started by blinelin, Mar 19, 2021.

  1. blinelin

    blinelin New Member

    Hi,

    I run into an issue of having a huge gap between the blurb image and title, and I've tried spacing options suggested in the builder but cannot either resize the image, nor change the padding between title text and the image in the blurb module.
    did anyone run into the same issues and knows how to fix them? thanks!
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You may try to go to the Blurb module settings > Advanced > Custom CSS > Blurb Image & add this: margin-bottom: 0px!important;
     
  3. Chad Williams

    Chad Williams Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    This is what I found and it helped.

    If you have modules stacked vertically in a column and would like to adjust the gap between them, there are several options.

    To apply the same gap between each of the modules you can use the "Gutter" options in the row settings. To do this, go into the row settings, set "Use Custom Gutter Width" to "Yes". This will bring up the "Gutter Width" option. It lets you select a value between 1 and 4, which produces the following gap between each module (as a % of the column width):

    source:https://divibooster.com/reducing-divi-pagebuilder-module-spacing/comment-page-1/

    Now mess with the margin and padding settings in the row to get the desired spacing. Leave the Blurp settings for the margin and padding alone.
     
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  4. Chad Williams

    Chad Williams Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    This is for the space inbetween the blurp image and title.

    You may try to go to the Blurb module settings > Advanced > Custom CSS > Blurb Title & add this: margin-left: -14px!important;

    Also you may have to change the size of the blurp icon: Blurb module settings > Design > Image/icon Width:

    e.g.
    Default is 96. I used 24. But this value is up to you.