Navigation verändern, Paginierung Punkte und Pfeile statt "vor/zurück"

Hi,

hab hier zwar einige gefunden, was ähnliches behandelt hat, aber das hat mir alles nicht so richtig weitergeholfen.

Ich würde gerne die Navigation des Sliders so verändern, dass ich statt "1,2,3.." Punkte in der Paginierung habe. Außerdem würde ich gerne das "vor/zurück" durch Pfeile ersetzen, die links und rechts vom Slider erscheinen.

Kann mir da jemand helfen?

Und ich würde ja einen anderen/einfacheren Slider verwenden, aber dieser ist der einzige den ich gefunden hab, bei dem man Text sliden kann und nicht nur Bilder/Videos.

So, Die Punkte habe ich nun hinbekommen.

Auch das next/prev hab ich schon richtig positioniert.
Nur hab ich jetzt das Problem, dass ich sie nicht durch Bilder (Pfeile) ersetzt bekomme.

Habe folgendes geschrieben bisher zum next Knopf:

Code:

---

.caroufredsel_next {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: bold;
    height: 40px;
    line-height: 37px;
    margin-top: -20px;
   
    position: absolute;
    right: 8%;
    text-align: right;
    text-decoration: none;
    top: 50%;
    width: 40px;
    z-index: 4;
   
    background-image: url(http://delco.de/contao/files/delco/img/pfeil%20rechts.png);
    overflow: hidden;
    text-indent: -9999px;
 
 
}

---

Dadurch hat der in dem Fall "next"-Button die richtige Position und alle anderen formatierungen klappen auch. Nun will ich im letzten Schritt die Schrift ausblenden und dafür das Hintergrundbild einfügen (ein Pfeil). Was dann passiert ist aber seltsam: Statt "next" steht da nun: "RTS". Was ich echt nicht blicke.

wie hier zu sehen: http://www.delco.de/contao/

Hab das nun gerade wieder rückgängig gemacht... Jemand ne Idee was falsch ist?