Before / After slider adding white (or transparent?) line below

Ask the Community General Questions
1

  • Issue description:
    Before / After slider adding white (or transparent?) line below

  • Link to the page with the widget in question:
    Please review the before / after slider here:
    https://www.elitewashdown.com/

Notice below the black bar at the bottom there is whitespace. Our developer tells us the widget is adding that white space and she can’t make it go away, perhaps some sort of 40 pixel padding.

Can you help me get rid of the bottom padding? Am I missing a setting in the interface?

1 Like
2

Hi Hugh, thank you for all the details, and sorry for the issue!

We’ve removed the white line, could you please check the widget?

3

It is perfect. Was this a “bug” that has been fixed so it will not be an issue on future before/after sliders?

5

Hi @Hugh

Please let me step in for Helga.

Unfortunately, our developers’ working hours have ended for the moments. However, I’ve sent your questions to them and will get back to you tomorrow :slightly_smiling_face:

1 Like
6

Hi @Hugh

I’ve talked to our devs and they’ve confirmed that it’s not a bug.

If you’d like to remove this white line in your future widgets, you can use this CSS code:

.eapp-before-and-after-slider-slider-slider {
  height: 100% !important;
}

[class^='Carousel__Item-sc'] {
  min-height: 100% !important;
}
7

Thanks! I hope I can remember.