http://imagebuildingdesign.org is a dev site for a website redesign.  The dev site has 2 Revolution sliders on the home page - one at the top and one at the bottom.  We are using the Helix3 template with the latest version of Joomla, Helix3, and Revolution Slider.

The top slider is a single slide that loops.  The first time it plays, there is a line under the slider.  But the second time it plays, there is not a line.

The bottom slider has a series of slides that loop.  The slides have a line under them, except for the last slide.  The slider is also on the live site at the bottom of the page and does the same thing with the GavikPro theme - http://imagebuildingmedia.com/. The live site has one slider at the bottom of the home page.

I have unsuccessfully tried changing the settings to remove the line, and I was not able to find any CSS that I could change.

Attached is a short video of the bottom slider showing the line disappear from under the last sidie (Enjoy Clearwater Beach).

Please tell me what I can do to remove the line from under the slides.

Thanks!

Allan McNabb

I found the issue.

Here is the css that was causing the issue:

.sp-module ul >li {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    -webkit-transition: 300ms;
    transition: 300ms;
}

I added this css to the custom.css file to remove the bottom border:

.sp-module ul >li {
    border-bottom: 0;
}