Nextgen Gallery : Problème de bordure en CSS avec le Slideshow

Statut : non résolu

Ce sujet contient 1 réponse, 2 participants et a été mis à jour pour la dernière fois par PhiLyon, le il y a 10 années et 8 mois.

2 sujets de 1 à 2 (sur un total de 2)

Auteur

Messages
9 septembre 2014 à 12 h 38 min #541781

yduriv73
Membre

Initié WordPress
30 contributions

Bonjour à tous,

J’utilise WP (dernière version 4.0), Nextgen Gallery (derniére version) et j’ai installé un diaporama (slideshow Nextgen) sur un article :

http://garsyves.fr/2012/12/27/lumieres-dautomne-en-haute-tarentaise/

Comme vous pouvez le voir, j’ai voulu mettre une bordure blanche de 4px autour, mais du côté droit, la bordure ne s’affiche pas ( … et parfois, selon L et H indiqué dans le shortcode, celle du bas non plus).

Conformément à la documentation, j’ai modifié le CSS (Galerie/Autres options/Styles/Edition de Default Styles) ainsi :
=================
/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Photocrati Media
Version: 2.12

This stylesheet is provided to allow users the ability of overriding the default styles for all display types
*/

.ngg-slideshow img {
border: #FFFFFF solid 4px;
}
=================

Le code dans l’article est :

[ngg_images gallery_ids= »7″ display_type= »photocrati-nextgen_basic_slideshow » gallery_width= »750″ gallery_height= »500″ ]

Je précise que les images « natives » font 750x500px, et que la l’option de « retaillage » au téléchargement des images par NGG est à « NON » (les images étant DEJA à 750x500px)

Je précise aussi que si je diminue les valeurs de gallery_width et gallery_height dans le shortcode, rien ne change pour ce qui est de la bordure.

Quelqu’un pourrait-il m’aider ???

9 septembre 2014 à 17 h 52 min #971295
PhiLyon
Modérateur

Maître WordPress
28252 contributions
Bonjour.

Dans le fichier nextgen-basics-lideshow.css modifie le pourcentage. J’ai mis 99 % aux deux et c’est bon.
```
.ngg-slideshow img {
	max-width: 99% !important; /*ICI*/
	max-height: 99%; /*ET ICI*/
	width: auto;
	height: auto;
	border: none;
}
```
Cordialement
Auteur

Messages