Comment faire de curseur images plus sombres?
J'ai révolution curseur installé sur mon WordPress. Le but est de mettre un sombre superposition avec opacity=0.3
sur les glissières... j'ai essayé de faire de superposition .div avec la position absolue, mais il couvre toutes les curseur, y compris ses éléments de contrôle comme "à côté de la diapositive", "image précédente" et d'autres.
Donc, j'ai besoin de mettre cette superposition entre l'image de diapositives et de contrôles de curseur. J'ai trouvé le code de l'image
<div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://wp-themes/wp-content/uploads/2015/04/slider1.png" data-src="http://wp-themes/wp-content/uploads/2015/04/slider1.png" style="width: 100%; height: 100%; visibility: inherit; opacity: 1; background-image: url(http://wp-themes/wp-content/uploads/2015/04/slider1.png); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat;"></div>
Ensuite, j'ai écrit ce
$('.tp-bgimg').before('<div class="slider-area-overlay"></div>');
Rien changer. Je ne sais pas pourquoi.
Prochaine étape: permet de le faire via css.
.tp-bgimg { position: relative; }
.tp-bgimg:before {
background: rgba(0,0,0,.5);
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
content: "";
}
Est cool, mais l'image de diapositives apparaît sans modifications, puis, après 1-2 sreconds apparaître mes styles css.
Je n'ai vraiment aucune idée de comment resoudre ce problème, merci de m'aider.
oui je pourrais, mais le code html de la structure ne marche pas, permettez-moi de faire cela, parce que la superposition div toujours plus de curseur.
Révolution curseur est livré avec son propre option de superposition, vous pouvez l'activer et de le réécrire l'arrière-plan css pour que. J'ai l'habitude de le faire et il fonctionne très bien. Essayez d'activer 2x2 noir, et d'ajouter ceci:
.tp-dottedoverlay.twoxtwo { background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%) !important; }
merci man, je l'ai trouvé)))
Allez à paramètres de Curseur -> apparence> pointillé de superposition
OriginalL'auteur user3768359 | 2015-04-16
Vous devez vous connecter pour publier un commentaire.
Le Curseur de la Révolution FAQ propose 3 solutions à ce problème:
Option 1) Activer leur intégrée de superposition
Ce qui peut être trouvé dans le curseur de paramètres de l'apparence, de la barre latérale. Vous aurez envie de changer le "Pointillé Superposition de l'option" Taille:
Option 2) Ajoutez l'une de ces blocs CSS pour le "CSS Personnalisé" pour votre diapositive
Personnellement, j'ai ajouté le Curseur Global CSS, donc il a touché à tous mes diapositives.
Si vos diapositives individuelles ont légendes:
Si vos diapositives individuelles ne pas ont légendes:
Option 3) d'Utiliser le logiciel de retouche d'image, par exemple, Adobe Photoshop, appliquer manuellement un sombre superposition de vos images, puis utilisez l'obscurité des images comme arrière-plan de diapositive.
L'approche la plus simple est d'ajouter une couche au-dessus de votre image, de la peinture noire, puis réduire la transparence de la couche noire d'environ 50%.
Les solutions et les instructions fournies par le Curseur de la Révolution sont disponibles ici.
OriginalL'auteur moollaza
Trouvé un moyen super facile qui fonctionne!
Créer une nouvelle forme. Nom de la couche de superposition et faites-le glisser vers le haut. De couleur noir. Modifiez l'opacité à 50%. La largeur et la hauteur doit être de 100%. Choisissez "Stretch" en Mode Couverture. Presque terminé. Une étape de plus.
Enfin, aller à des Comportements et de l'interrupteur Aligner sur la Diapositive "Base". Ce sera vraiment étirer la superposition à 100%.
Ne peut pas le trouver? Suivez ce lien.
https://www.themepunch.com/faq/incorrect-position-or-size-for-text-button-or-shape/
Faites défiler jusqu'à l'étape 3. Ajuster la réactivité de l'Alignement.
Voulez que cela a été plus facile, mais il ne l'est pas. N'aime pas les pointillés superposition d'inclure dans les paramètres. Espérons que cela aide quelqu'un.
OriginalL'auteur kevllar