The most popular WordPress drag and drop page builder plugin is Visual Composer, see now what to do when you want to edit r change the Visual Composer Spacing Rows and Columns. All the Visualmodo WordPress themes include this premium plugin.

By default the Visualmodo WordPress themes adds a 35px margin below all columns in the Visual Composer, this allows for a better responsive site but it’s also very important to consider it when building your site so you can create perfect spacing between your elements. This margin can be altered though the Visual Composer panel > design Options area.

Visual Composer Spacing Rows and Columns
Visual Composer Spacing Rows and Columns

Removing The Default Visual Composer Spacing – Consequences

If you enter 0px for the bottom column margin globally it will remove it everywhere, however, you will have to remember to add margins to your columns for responsive layouts where they turn from columns next to each other to stacked columns. Also it will be a lot harder for you to keep consistency throughout the site.

Better Way Of Resetting The Margin

The best way to reset your margins is to do so via the Visual Composer “column” settings when editing a column. For example if working on a row with a background and you want content in the middle (in one column) and you want to add padding to your row that is the same at the top and bottom rather then adding a 40px padding at the top and allowing the column to have a 40px bottom margin to give the impression of padding, it’s best to edit your column and remove the bottom margin, then you can apply a top and bottom padding directly to the row. In fact this is what I do often on my live demos.

Visual Composer Spacing Rows and Columns
Visual Composer Spacing Rows and Columns

In most situations you shouldn’t have to remove the bottom margin on columns, just remember it’s there and work smartly. The only cases where you would want to remove it is when adding rows with backgrounds for example and you want a smaller padding inside the row.

Remove Margin Via Row Column Spacing Setting

If you are using a row without any inner columns you can also remove this spacing by easily selecting 0px for your columns margin via the built-in setting and setting it to 0px:

Visual Composer Spacing Rows and Columns
Visual Composer Spacing Rows and Columns

See the video.

Visual Composer Spacing Rows and Columns – Visualmodo