Bonsoir,
Sur la page de visionnage des photos, je trouve les flèches soit trop éloignées des photos soit inesthétiques (sur les photos) (thème Stripped).
Est-il possible des les supprimer et de pouvoir passer d'une photo à l'autre par un simple clic sur le bord droit ou gauche de l'image ?
A condition que techniquement ça ne soit pas trop compliqué à mettre en œuvre. Mes compétences HTML ou CSS étant limitées.
Merci.
Hors ligne
Bonjour,
Tu utilise quel thème ?
Hors ligne
Bonjour,
peut être en ajoutant dans LocalFilesEditor onglet CSS :
.img_next:hover {
.background: none;
}
.img_prev:hover {
.background: none;
}
(pas sûr que ce soit correct)
Hors ligne
BrandonCougar a écrit:
Bonjour,
peut être en ajoutant dans LocalFilesEditor onglet CSS :
.img_next:hover {
.background: none;
}
.img_prev:hover {
.background: none;
}
(pas sûr que ce soit correct)
Effectivement et sauf erreur de ma part, ça ne marche pas.
Hors ligne
Bonjour,
Avec le thème stripped c'est une option, aller dans Administration > Configuration > thèmes
configurer le thème
et décocher 'Utiliser des flèches de navigation sur l'image'
Hors ligne
Bonjour,
En haut, tu as toujours les petites flèches sur lesquelles tu peux cliquer < >
Hors ligne
Bonjour,
J'utilise aussi stripped.
Pour enlever les flèches à gauche et à droite sur l'écran :
Dans LocalFile Editor, onglet CSS mettre :
#imgnext, #imgprev {
display: none !important;
}
Cette fonction enlève "totalement" les flèches...
#imgnext, #imgprev {
background: none !important;
}
Celle_ci cache simplement les flèches...
Cordialement
Philindy26
Hors ligne
Philindy26 a écrit:
#imgnext, #imgprev {
background: none !important;
}
Celle_ci cache simplement les flèches...
Ca marche très bien, mais ce que je souhaitais c'est cacher les flèches qui apparaissent sur la photo.
(Et non celles qui sont de part et d'autre de la photo).
Il n'y a sans pas grand chose à changer à la formule, mais je ne sais pas quoi.
Hors ligne
Bonsoir,
Mille excuses, je n'avais pas bien compris...
Voici le code pour enlever les flèches sur la photo tout en ayant les mêmes fonctions :
/* Enlève les flèches sur la Photo */
.img_nav {
background: none !important;
}
/* Enlève l’icône pour zoomer (au centre de la photo) */
.hd_link {
background: none !important;
}
Cordialement
Philindy26
Hors ligne