Hoe je navigatiepijlen aanmaakt buiten de slideshow.

Soms wil je dat het uiterlijk van je slideshow wat afwijkt van het standaardthema. Omdat WOWSlider je niet toelaat om elementen van je slideshow te herpositioneren moet je de code manueel bewerken om zaken aan te passen. Dus ook wanneer je de navigatiepijlen buiten je slideshow wil plaatsen.

Om dit te doen maak je slideshow aan (zoals je dat normaal zou doen). Wanneer je tevreden bent met het algemene ontwerp publiceer je je slider of sla je hem op in HTML.

Ga naar de map waar je je slideshow opgeslagen hebt en open de map ‘engine’. Hier vind je een bestand dat ‘style.css’ noemt.

Open dit in een HTML of simpele teksteditor (die geen rekening houdt met opmaak). Weet je niet wat je moet gebruiken, ga dan voor ‘Kladblok’.

Daar vind je een sectie die er zo uitziet:

#wowslider-container1 a.ws_next{
    background-position: 100% 0;
    right:3px;
}
#wowslider-container1 a.ws_prev {
    background-position: 0 0; 
    left:3px;
}

Je wil de waardes die in rood staan aanpassen. Om de pijlen buiten je slideshow te plaatsen moet je een negatief cijfer invoeren (bv. -40px). Om de pijlen dichter bij elkaar te plaatsen voer je een positief cijfer in(bv. 40px). ‘0’ zorgt ervoor dat je pijlen vlak aan de rand komen te staan.