Remove Gutter From Divi Moduel

Hey this is jimi blevins.

Remove gutter from divi moduel. Add your module adjust the content as needed and then in the advanced tab give the module two classes of ds grid item and ds grid item1 separated by a space this is a grid item. With the divi builder deployed go ahead and create a new regular section with a one column row and add a divi gallery module to the row. In those blocks i used font awesome icons as i needed a drupal icon. I ve got a really quick tutorial for you today.

Enable use custom gutter width set. It helps ease the pain for spacing out columns evenly. In the divi gallery module settings click the gray plus icon to add 12 images to the gallery. Optional values for gutter width range from 1 to 4.

Divi will populate the gallery module with some images from your media gallery in a grid display like the following. Come join the fun in the divi soupies facebook group. Download the free divi blurbs module to go with divi theme. Divi tutorial blurb module hover effects.

Gutter width is just a fancy term for the margin between columns within a row. Titles and headers are an integral part of your post design and readability. This tutorial will quickly show you how to reduce the gutter width and remove the spacing between your columns in divi for wordpress. In the following tutorial i ll use the divi blurb module to make things a little simpler.

Reducing divi builder module spacing this post may contain referral links which may earn a commission for this site this post covers some of the ways you can increase reduce or eliminate the space around divi modules rows and sections to get the right amount of white space for your design. This plugin helps you insert and customize titles as you wish. Text version of this divi wordpress tutorial. Now create your other 7 modules either by duplicating and editing the first or if you want different types of modules create those and be sure to add the css.

Founded by michelle nunan a full time divi educator and child theme developer divi soup aims to bring useful tutorials tips and tricks to both new and experienced divi users. This plugin adds a new module to the divi builder it allows to easily insert titles without going through the text module. This include a math based captcha and support for google s recaptcha v3. That is why divi has the gutter width option for each row.

Michelle also runs divi academy where she teaches divi related courses and hosts a membership site for divi users. It is difficult to adequately build a grid with correct margins on the fly. In the style of the new falkor bundle the spring 2018 ui kit bundle this fun four up blurbs module will readily fit in any page layout.