Comment faire des flèches de navigation en dehors du diaporama ?

Vous pouvez avoir envie de changer l'apparence du diaporama et non d'utiliser juste le thème par défaut. Même si WOWSlider ne permet pas directement de repositionner les éléments du diaporama, vous pouvez changer le code manuellement pour y remédier. Entre autres, cela permet de déplacer les flèches de navigation en dehors du slideshow.

Pour ce faire, créez votre diaporama de base. Quand vous en êtes content, « publiez-le » ou sauvegardez l'HTML.

Allez là où le diaporama est sauvegardé, puis ouvrez le dossier « Engine ». Vous y trouverez un ficher nommé « style.css ».

Ouvrez le dans un éditeur de texte simple ou HTML. Dans le doute, utilisez le bloc-notes.

Trouvez la section qui ressemble à ceci :

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

Vous devez changer les valeurs surlignées en rouge. Pour déplacer les flèches en dehors du diaporama, entrez une valeur négative, par exemple -40px. Pour rapprocher les flèches à l'intérieur du diaporama, entrez un plus gros chiffre, par exemple 40px. 0 sert à les positionner à l'extrêmité du diaporama.