Feuille de style de NextGEN Gallery pour Lisemini

Comme pour WP-Page-Navi, j’ai modifié la feuille de style de NextGEN Gallery, le plugin que j’utilise pour afficher mes galeries photos, de façon à les assortir aux couleurs de mon sous-thème Lisemini.

Pour utiliser une feuille de style particulière, rendez-vous dans Galerie > Style>, cocher la case Activer et utiliser la feuille de style et choisissez dkret3 Theme.

Modifiez directement le fichier comme indiqué ci-dessous ou téléchargez la feuille de style modifiée ngg_dkret3.css dans le répertoire wp-content/plugins/nextgen-gallery/css.

  • Téléchargez la feuille de style modifiée ngg_dkret3.css et copiez-la dans le répertoire wp-content/plugins/nextgen-gallery/css.

Afin d’afficher en vert le cadre de chacune des vignettes, dans la feuille de style ngg_dkret3.css, j’ai modifié dans la partie

/* ----------- Gallery style -------------*/

les éléments suivants :

.ngg-gallery-thumbnail img {
	margin: -6px 6px 6px -6px;
	background-color:#FFFFFF;
	border:1px solid #99CC99; /*couleur du cadre des vignettes modifiée*/
	display:block; 
	padding:4px;
	position:relative;
}
 
.ngg-gallery-thumbnail img:hover {
	background-color: #99CC99;  /*couleur modifiée au passage de la souris*/
}


Ecrit par Lise - Site

2 commentaires

Ecrire un commentaire»
  1. Joris

    Sinon, pour ne pas perdre « ngg_dkret3.css », on peut faire un nouveau fichier « ngg_montheme.css », et changer le nom du thème en haut dans « CSS Name: Mon Theme ». Il suffira ensuite de le sélectionner dans la liste Gallery > Style. ;)

  2. Pascal

    J’aimerais placer le diaporama sur la gauche d’un article, avec le texte qui l’encadre, je veux dire le texte commençant à droite du diaporama et se poursuivant sur toute la largeur de la feuille quand il dépasse le diaporama. J’imagine qu’il faut modifier les styles, mais si vous pouviez me dire ce qu’il faut changer, ça m’aiderait bien !

    Merci d’avance.

Laisser un commentaire

Votre adresse mail ne sera jamais rendue publique ni utilisée.

*Si vous écrivez un commentaire ici pour la première fois, celui-ci ne sera publié qu'après validation par un administrateur du blog. Ne l'envoyez pas plusieurs fois !
*Bien sûr, tout commentaire injurieux, publicitaire ou spam sera supprimé.
*C'est à vous maintenant !

(obligatoire)
(obligatoire)

Laisser ces deux champs tels quels :

Protégé par Invisible Defender.


  • Mentions légales
    Les différents éléments du Blog de Lise restent la propriété de leur(s) auteur(s) respectifs.


Clef two-factor authentication