Meta-Slider est un module d’extension (plugin) de WordPress qui permet d’afficher des diaporamas. Il est possible d’insérer une légende (caption) sous chaque image, cependant Meta Slider l’affiche sur un bandeau de fond noir qui recouvre le bas de l’image. Pour continuer à voir l’image en entier, il faut se passer de légende, ce que je faisais jusqu’à présent. Il est facile cependant de modifier l’arrière-plan (background) de la légende. Il suffit pour cela d’ajouter dans la feuille de style (style.css) du thème utilisé le texte suivant :
.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {background: transparent;}
Et le tour est joué !
Merci Alain pour votre code metaslider.
Le code que j’ai indiqué ne fonctionne peut-être que sous le thème que j’utilise (polaris, un vieux machin pas mis à jour depuis des années mais qui me va bien), la hiérarchie de la feuille de style est inhabituelle (elle n’est pas accessible depuis l’interface administrateur), c’est peut-être la raison qui fait que les lignes de code que j’ai ajouté dans le fichier polaris.css sont prioritaires.
Je testerai mon code et le vôtre avec les thèmes standard de WordPress, twentymachin.
Ça fait un petit moment que j’avais posté cet article, mais si je me souviens bien, lors de la migration d’in site WordPress vers un autre, la récupération des diaporamas WordPress peut poser certaines difficultés.
Bien à vous.
Denis
Bonjour,
Ca ne marche pas chez moi, sans doute pour une sombre affaire de hiérarchie CSS : le CSS de meta slider prend le pas sur le code indiqué dans cet article, saisi classiquement dans style.css.
Par contre en s’appuyant sur un id d’une div du slider c’est bon :
#metaslider_414 .caption,
#metaslider_414 .cs-title,
#metaslider_414 .nivo-caption {
background-color: transparent;
}
Inconvénient : il faut mentionner le numéro du slider ciblé. S’il change c’est cuit !