Stylesheet that overrides Elementor default styles to work with Bootstrap 4 grid system.

elementor-overrides.scss

// Overrides of the CSS included with the Elementor plugin
// These overrides make the Elementor container and row and column structure
// conform more to the Bootstrap 4 grid model.
// Using mixins from scss/vendor/bootstrap/mixins/_grid.scss.

// Container
.elementor-section.elementor-section-boxed>.elementor-container,
.elementor-section .elementor-container {
  @include make-container();
  @include make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints);
  padding-right: 0;
  padding-left: 0;
}

// Row
.elementor-row {
  @include make-row();
  // Don't use Bootstrap negative margins because they don't work with Elementor's
  // nested markup.
  margin-left: 0;
  margin-right: 0;
}

// Column

.elementor-column {
  @include make-col-ready();
}

// Remove Elementor default column padding
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
  padding: 0;
}