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 Gabor,

https://sal.tuyograf.com/

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.

Hello Laszlo,

Just for the Smart Slider column, I couldn’t find the corresponding css code in the style.css file. How should I find the style.css file, on which line?

https://prnt.sc/om0k5a

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;
}

https://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

Hi @laszloszalvak

Very good, it worked. Thank you so much..