bg-slideshow

Plus d'informations
il y a 2 mois 4 jours #2286 par Cosmic
bg-slideshow a été créé par Cosmic
Salut
sur cette page ([url] j5.smilecollector.photos/fr/ [/url]), j'utilise bg-slideshow mais la hauteur semble figée sur le texte...  


Code:
<section id="slideshow"> <p>{up bg-slideshow=images/img/SlideshowCK | mobile=images/gal/2023/f2f/20230305natascha/GREENCOLORORIEL/smlcol_20230305_143532_5-137.jpg | transition=blur| js-options=shuffle:true}</p> <p class="marley2 homequote"><img src="images/img/illustration_articles/Guillemets-fond-transparent.png" alt="Guillemets fond transparent" width="20" height="16" style="margin-right: 10px; margin-bottom: 7px;" />La plus belle courbe d'une femme, c'est son sourire. (Bob Marley)</p> <p class="marylin2 homequote"><img src="images/img/illustration_articles/lips2.PNG" alt="Marylin Monroe" width="50" height="33" style="margin-right: 10px;" />Un sourire est le plus beau maquillage qu'une femme puisse porter. (Marylin Monroe)</p> <p class="smith2 homequote"><img src="images/img/illustration_articles/Guillemets-fond-transparent.png" alt="Guillemets fond transparent" width="20" height="16" style="margin-right: 10px; margin-bottom: 7px;" />La première étape est de dire que tu peux! (Will Smith)</p>

j'essaie d'appliquer ce CSS mais sans succès...
Code:
section#slideshow > div {     height: 550px !important; }

une idée?



 

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 mois 4 jours #2289 par lomart
Réponse de lomart sur le sujet bg-slideshow
Bonjour Laurent,

Sans garantie, je n'ai pas testé.
Code:
.vegas-wrapper {min-height:550px}
ou mieux, utiliser l'option css-head
Code:
css-head=#id .vegas-wrapper[min-height:550px]
 

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 mois 4 jours #2290 par Cosmic
Réponse de Cosmic sur le sujet bg-slideshow
ça ne change pas la taille de l'image mais les citations disparaissent :(

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 mois 4 jours #2291 par lomart
Réponse de lomart sur le sujet bg-slideshow
Comme la hauteur est actualisée en fonction du contenu, il faut la définir.
Dans ma démo, cela est fait par le p3 (grand padding)
Code:
[code][b]{[/b]up bg-slideshow=images/actions-demo/bg/animaux | mobile=images/actions-demo/bg/lion.jpg | center | style=p3 tc t-blanc [b]}[/b] <h2 class="fs300">Un titre</h2> [b]{[/b]up lorem=1[b]}[/b] <a class="btn btn-primary" href="#">Un bouton</a> [b]{[/b]/up bg-slideshow[b]}[/b]
[/code]

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 3 semaines - il y a 1 mois 3 semaines #2296 par Cosmic
Réponse de Cosmic sur le sujet bg-slideshow
j'essaie avec P3 ou style=minh=550 comme ici
Code:
{up bg-slideshow=images/img/SlideshowCK | mobile=images/gal/2023/f2f/20230305natascha/GREENCOLORORIEL/smlcol_20230305_143532_5-137.jpg | transition=blur| js-options=shuffle:true | style=minh550}{/up bg-slideshow}


mais quand je retire les phrases, le slideshow ne s'affiche même pas...  y a vraiment qqch que je ne comprends pas.  J'ai insérer dse lignes blanches pour que ça fonctionne du coup

étonnament aussi, le css que j'appliquais sur le texte ne fonctionne plus...

à y réflechir, je pense que c'est arrivé après mon passage à J5
Dernière édition: il y a 1 mois 3 semaines par Cosmic.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 3 semaines - il y a 1 mois 3 semaines #2297 par lomart
Réponse de lomart sur le sujet bg-slideshow
Bonjour Laurent,

à y réflechir, je pense que c'est arrivé après mon passage à J5

Non, J5 n'y est pour rien. Voyons les manques du shortcode.

mais quand je retire les phrases, le slideshow ne s'affiche même pas...

Normal, tu demandes l'habillage du fond d'un bloc de texte ... vide. ou de lignes blanches

j'essaie avec P3 ou style=minh=550

minh550 n'existe pas. Voir up.lomart.fr/infos/css . Il fallait mettre style=min-height:550px

Voici un shortcode qui fonctionne sur mon site de test en J5 :
 
Code:
{up bg-slideshow=ton dossier images | mobile=images/gal/2023/f2f/20230305natascha/GREENCOLORORIEL/smlcol_20230305_143532_5-137.jpg | transition=blur | js-options=shuffle:true  | style=tc;t-blanc;min-height:550px} TON TEXTE {/up bg-slideshow}
Note la forme de l'option style. Je mélange les classes et les règles CSS en les séparant avec des point-virgules. Cela me permet de centrer un texte en blanc dans une hauteur minimale de 550px
Dernière édition: il y a 1 mois 3 semaines par lomart.

Connexion ou Créer un compte pour participer à la conversation.

Propulsé par Kunena