slideshow aanpassen

[rob1970]

In een template staat er op de homepage een slideshow. Onderaan de foto's in de slideshow staat er over de foto een half zware transparante balk met tekst erin. Als ik de website bekijk op mijn iPhone neemt die zwarte balk een groot gedeelte van de foto weg. De tekst weghalen, lukt wel maar ik heb geen idee hoe ik die zwarte transparante balk weghaal.

Ik heb een css bestand met de naam: responsiveslides.css
hier staat:
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
z-index:-1;
}

.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}

.rslides li:first-child {
position: relative;
display: block;
float: left;
}

.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}

Moet ik hier iets in veranderen?

Verder heb ik 2 .js bestanden:
jquery183.min.js en responsiveslides.min.js

Volgens mij moet ik daar iets aanpassen om de balk te verwijderen maar ik weet niet waar!

Ik heb een screenshot van responsiveslides.min.js toegevoegd.
Bij jquery183.min.js staat zoveel tekst dat ik hier geen screenshot van heb.

Ik hoop dat iemand me uit de brand kan helpen.

Groeten Rob