Un utilisateur a demandé 👇
Bonjour, J’expérimente ce plugin pour un projet. Existe-t-il un moyen de contourner le mode sombre en utilisant CSS sur des champs ou des modules spécifiques ? Par exemple, si je mets une ligne de texte en html au-dessus d’une image de bannière, lorsque je la mets en mode sombre, l’arrière-plan de toute cette div s’assombrit, créant une bande noire autour de l’image. J’ai essayé un style CSS en utilisant la couleur d’arrière-plan et l’opacité, je n’ai pas encore trouvé le style magique. Nous apprécions les conseils, merci beaucoup.
Ce sujet a été modifié il y a 1 an et 7 mois par.
(@markoarula)
il y a 1 an, 7 mois
Salut,
vous pouvez remplacer le mode sombre par CSS et cela devrait être assez facile.
Votre texte dans l’image de la bannière est probablement enveloppé dans une div avec la classe (disons que le nom de cette classe est “banner-text”). Pour remplacer la couleur d’arrière-plan, écrivez quelque chose comme ceci :
body.wp-night-mode .banner-text {
background-color: transparent;
}Faites-moi savoir si cela vous a aidé ou si vous avez besoin d’autre chose.
Tout le meilleur
(@ruanna)
il y a 1 an, 7 mois
Merci pour ça @markoarula. J’utilise Beaver Builder sur cette page et pour une raison quelconque, le CSS ne fonctionne pas. J’ai essayé de me concentrer sur beaucoup de choses, la bande noire est toujours présente en mode nuit. Si je vide le champ et mets à zéro les marges, ça se transforme en un fin trait noir, bah. (N’effaçant pas encore ma propre indifférence).
Si vous voulez regarder de plus près, je fournirais un identifiant. Sinon, je vais essayer de trouver une mesure de travail. Merci, c’est un excellent plugin et quelqu’un de l’équipe revendique le mode nuit, donc j’aimerais le voir fonctionner.
(@markoarula)
il y a 1 an, 7 mois
Je veux regarder de plus près. Vous n’avez pas besoin de m’envoyer des identifiants de connexion, l’URL de votre site Web/projet suffit dans ce cas.
(@ruanna)
il y a 1 an, 7 mois
D’accord, c’est un gâchis, mais j’apprécie que vous le voyiez. Tout ce que j’ai fait est sur la page d’accueil.
Les deux ensembles de classes “image” pleine largeur utilisent la classe “flag-text”. Le CSS que vous avez fourni est dans style.css.
Une nouvelle question s’est posée. La première image pleine largeur optimale est un carrousel d’images UABB. Je pensais que ce changement éliminerait peut-être le problème d’image pleine largeur de la deuxième ligne. Mais lorsque le mode sombre est activé, tout disparaît au survol.
La deuxième image pleine largeur est traversée par une fine ligne noire en mode sombre. Cet ensemble utilise une image d’arrière-plan et la zone de thème (une partie essentielle de l’ensemble) est vide. En mode sombre, le matériau devient une fine ligne noire. Si je mets du contenu dans cette zone, le fond noir devient plus fort et plus clair.
mot de passe torclodging.com : soakhere
Merci!
(@markoarula)
il y a 1 an, 7 mois
Essayez ceci pour obtenir une image pleine largeur au survol :
body.wp-night-mode-on .uabb-image-carousel .uabb-image-carousel-content:hover .uabb-inner-mask {
background: none;
}et ceci pour la ligne noire dans la deuxième image pleine largeur :
body.wp-night-mode-on .banner-text .fl-row-content-wrap * {
background: none;
}ou vous pouvez ajouter une classe .banner-text plus spécifique à ce tableau.
Malheureusement, il n’y a pas de meilleur moyen que de jouer avec CSS, afin que chacun puisse s’adapter au look qu’il souhaite.
À l’avenir, je ferai probablement place à l’édition, afin que personne ne doive aller trop loin avec CSS.
(@ruanna)
il y a 1 an, 7 mois
Merci!
Pour une raison quelconque, j’ai raté cette réponse jusqu’à aujourd’hui. Les styles que vous avez fournis fonctionnent. Je suis bien conscient que si je creuse dans le CSS et que je stylise correctement les choses, tout ira bien en mode sombre. J’apprécie l’aide.
(@fabienhugues)
il y a 1 an, 5 mois
Pour les thèmes complexes je pense qu’il vaut mieux ne pas personnaliser globalement les couleurs du mode sombre et les régler une par une, pour moi le meilleur moyen était d’obtenir exactement le résultat que je cherchais mais cela prend du temps. et les informations SEC.
Cela a-t-il résolu votre problème ?
Was this helpful?
0 / 0