Remove Gutter From Divi Module

I am using divi 2 6 if you are using an older version of divi then the css class field will be at the bottom of the general settings tab.

Remove gutter from divi module.

I ve got a really quick tutorial for you today. Text version of this divi wordpress tutorial. The design settings. This plugin adds a new module to the divi builder it allows to easily insert titles without going through the text module.

It is difficult to adequately build a grid with correct margins on the fly. Divi gallery module is easier to use. When using wireframe view in the visual builder these labels will appear within the module block in the divi builder interface. Despite these you may still find some spam emails getting through.

In this tutorial we re going to create the above designs using css styles. 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. Supreme divi flipbox with 4 types of flipbox effect to choose from flip left flip right flip up and flip down you can create stunning interactive content that converts. Next click on the general settings tab and enter a title and url for your blurb module the image and blurb title link to a url if you don t want them to link just leave the url field blank.

That is why divi has the gutter width option for each row. We ve created a snippet that you can copy and paste to your divi websites. Gutter width is just a fancy term for the margin between columns within a row. In this step you need to determine the design you want and prepare your photos.

Prepare your photos and design elements. Titles and headers are an integral part of your post design and readability. It helps ease the pain for spacing out columns evenly. Hey this is jimi blevins.

The divi theme s contact form module offers several features to help reduce the volume of spam comments you receive. Supreme divi gradient text by using divi s built in background gradient tool this module allow you to have gradient text without coding. This will change the label of the module in the builder for easy identification. Come join the fun in the divi soupies facebook group.

This tutorial will quickly show you how to reduce the gutter width and remove the spacing between your columns in divi for wordpress. Michelle also runs divi academy where she teaches divi related courses and hosts a membership site for divi users. Optional values for gutter width range from 1 to 4. 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.