Elementor controlling Widget Spacing in Column Elements

Published: 01 March 2022
on channel: WP Easy

414

This video demonstrates how to control Widget spacing in Columns without changing the Global Widget Spacing or using negative margins.

CSS used in this video:

/*###############################
Layout and Alignment classes
################################*/
/*WIDGET SPACING */
.wpg-widget-spacing-none .elementor-widget {
margin-bottom: 0px !important;
}
.wpg-widget-spacing-small .elementor-widget {
margin-bottom: 0.5rem !important;
}
.wpg-widget-spacing-medium .elementor-widget {
margin-bottom: 1rem !important;
}
.wpg-widget-spacing-none .elementor-widget-container p:last-of-type, .wpg-widget-spacing-small .elementor-widget-container p:last-of-type, .wpg-widget-spacing-medium .elementor-widget-container p:last-of-type {
margin-bottom: 0 !important;
}

On this page of the site you can watch the video online Elementor controlling Widget Spacing in Column Elements with a duration of hours minute second in good quality, which was uploaded by the user WP Easy 01 March 2022, share the link with friends and acquaintances, this video has already been watched 414 times on youtube and it was liked by 4 viewers. Enjoy your viewing!

46,886

976