Flou
Bonjour
Sur ma page d'accueil j'ai une "Section - Vidéo impactante" avec une vidéo en boucle assez claire.
J'ai un texte par dessus assez clair lui aussi.
Pour rendre ça plus lisible il y a dans "Style/superposition" la fonction "utiliser le fond en superposition" qui va assombrir. Mais j'ai pas envie d'assombrir toute ma vidéo 🙁
Il y a aussi la fonction 'utiliser le texte superposé" qui fait un DIV avec le "class:et_pb_text_overlay_wrapper" sombre mais juste la zone de mon texte... sauf que j'ai pas envie d'un cadre si net non plus sur ma vidéo.
L'idéal serait de faire un cadre comme celui-ci qui bien dosé serait en plus qualitatif :
http://jsfiddle.net/ayhj9vb0/
C'est possible d'ajouter son CSS sur le DIV de son choix avec DIVI ?
Via le plugin
j'ai ajouté ce code:
.et_pb_text_overlay_wrapper {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
mais ça me fait un flou sur le DIV et tout ce qui se trouve dedans (texte compris qui devient illisible) 🙁
Bonjour
Peux tu indiquer quelle type de section tu as mis et quel module
ça sera plus simple pour faire un test en local.
j'ai un "Curseur de défilement plein écran" dans une "section - vidéo impactante"
J'utilise le thème Divi creativ agency
Salut,
désolé pas eu le temps de voir ça.
Par contre comme il s'agit d'un thème enfant avec des réglages et/ou modules spécifiques.
Il faudrait que tu me donnes l'adresse de cette page que je regarde de plus près
j'ai trouvé une astuce qui me donne le résultat voulu
j'ai appliqué en DIVI : Style/Superposition/Utiliser le texte superposé
j'ai installé le plug "Simple Custom CSS and JS"
et j'ai fait ce code :
.et_pb_text_overlay_wrapper:before {
content: "";
position: fixed;
left: 0;
right: 0;
z-index: -1;display: block;
background-color: rgba(0,0,0,.6);margin-top:-50px;
margin-bottom:-50px;
margin-right:100px;
margin-left:100px;
padding: 100px;-webkit-filter: blur(50px);
-moz-filter: blur(50px);
-o-filter: blur(50px);
-ms-filter: blur(50px);
filter: blur(50px);
}
Sujets récents
