In those blocks i used font awesome icons as i needed a drupal icon.
Remove gutter from divi moduel.
Titles and headers are an integral part of your post design and readability.
Prepare your photos and design elements.
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.
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.
I set it from the design you could do that in the spacing section but there s still an empty space.
Hey this is jimi blevins.
Divi will populate the gallery module with some images from your media gallery in a grid display like the following.
This tutorial will quickly show you how to reduce the gutter width and remove the spacing between your columns in divi for wordpress.
This plugin helps you insert and customize titles as you wish.
Enable use custom gutter width set.
In the divi gallery module settings click the gray plus icon to add 12 images to the gallery.
Divi tutorial blurb module hover effects.
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.
It is difficult to adequately build a grid with correct margins on the fly.
With divi you ll be able to alter the gutter width to manage the spacing between grid objects or pictures.
In this tutorial we re going to create the above designs using css styles.
Nevertheless even with 4 gutter width.
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.
Text version of this divi wordpress tutorial.
Optional values for gutter width range from 1 to 4.
I ve got a really quick tutorial for you today.
Divi s gallery module means that you can create a ravishing gallery of pictures in a grid format with little effort.
We ve created a snippet that you can copy and paste to your divi websites.
In this step you need to determine the design you want and prepare your photos.
That is why divi has the gutter width option for each row.
I have two divi rows each row contains 3 columns each column contains a blurb module item.
This plugin adds a new module to the divi builder it allows to easily insert titles without going through the text module.
Gutter width is just a fancy term for the margin between columns within a row.
I want to remove padding and margin top and bottom for those 2 rows i want padding and margin 0px how to do that.
Divi gallery module is easier to use.
