Identify hidden margin when using Classic Slider

[MathiasD]

Hi,

I am in the middle of building a slider using both the Classic Slider Element and Pro 4. My idea is to use global blocks in the slides, which is working out great so far.

However, I run into a small detail that I need help with. It seems that no matter what I do, a small margin is present below the Classic Slider in the preview and on the page itself. I believe I have been through all settings in all elements. And I just can’t see where that margin comes from.

Can you help me with this? If you go to the test-page, you can see a white margin just below the slider itself.

I am sending the test-page in a new private column.

Thanks

[ruenel]

Hello @MathiasD,

Thanks for writing in!

The classic slide has a default bottom margin of 1.5em. In the theme styles, there is a built-in CSS:

.x-flexslider-shortcode-container {
    margin-bottom: 1.5em;
}

Please use the code above and modify it by setting the bottom margin to 0. You need to add the modified CSS code into Pro > Global CSS.

Hope this helps. Kindly let us know how it goes.

[MathiasD]

@ruenel

Thank you very much for this I will go ahead and remove that margin right away.

Happy new year to you and the rest of the team

[prakash_s]

Hello @MathiasD,

Glad that we were able to help you. Please feel free to reach us if you have any query.

Happy new year to you and your family.
Thanks