Margins

Hi @gokh!

These kind of gaps can come from the theme’s CSS codes and you might need some customized codes to overwrite them. Please send me a link to your website, where I can see the issue and then we can take a look at what codes are used there!

If you would prefer, you could send us a link in here too:
https://smartslider3.com/contact-us/support/?topic=Publish&platform=WordPress&version=Free

Hi @gokh

I checked the linked page and currently you have 10px padding on one of the container elements of the slider.
As I see you use Elementor as a page builder, so to eliminate that gap, you need to remove that 10px padding from the column ( that contains the slider ) in your page builder.

And that will fix the problem.

Hi @gokh

You can not remove that code, since that CSS defines the layout of other elements too that has the same class:

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 10px;
}

http://sal.tuyograf.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.6.6
this means, if you remove that CSS, that would also remove the gap between the other elements, too.

So what I would suggest in this case, is publishing a slider outside of that stucture that has this 10px padding, to a different Elementor Row/Column where you have 0 padding.

Anyway if that is not possible then, you could try a custom CSS code like:

div.elementor-element-e059333 div.elementor-element-populated{
  padding:0px!important;
}

what you could insert to Slider Settings > Developer tab > CSS:
https://smartslider3.helpscoutdocs.com/article/1294-slider-settings-developer