Remove padding under Classic Slider

Support
#1

Hello,
We noticed the ‘Classic Slider’ element adds extra padding by default.
We also noticed that we had asked about, and then found the solution to this before in a previous Themeco support thread, but used that code and it’s not working.

Any ideas how to lose that 20-ish pixel padding seen at the bottom?

#2

Hello @drewmooredesign,

Thanks for writing in!

Please add following CSS under X/Pro > Theme Options > CSS:

.x-flexslider-shortcode-container.with-container {
    padding-bottom: 0;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

hi @Prasant-
Not seeing the change from that css:

#4

Hello @drewmooredesign,

Thanks for updating the thread. :slight_smile:

Please use following CSS under Pro > Theme options > CSS:

.x-flexslider .x-slides img {
    margin-bottom: 0 !important;
}

.x-flexslider .x-slides .x-slide p {
    margin-bottom: 0 !important;
}

.x-flexslider-shortcode-container .x-flexslider-shortcode {
    height: auto !important;
}

Thanks.

1 Like
#5

Yes, that did it!
Thank you, @Prasant!

#6

You’re welcome!
We’re glad @Prasant were able to help you out.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.