J'essaie de styler le code suivant dans un site WordPress, mais cela ne fonctionne pas sur:
p>
<footer class="site-footer">
<div class="wrapper">
<div class="site-info">
<p>© <?php echo absint( date_i18n( 'Y' ) )
. ' ' . esc_attr( get_bloginfo( 'name' ) ); ?></p>
</div><!-- .site-info -->
</div><!-- .wrapper -->
</footer><!-- .site-footer -->3 Réponses :
Essayez:
.site-info {
display:block;
text-align: center;
color: black;
}
.site-info p{
color: red;
}
Affichage: Bloc n'affectera pas la couleur du texte, qui est le problème décrit.
Je peux voir que le style est hérité de la forme du corps. Fondamentalement, tout dans le pied de page peut hériter des styles plus en haut de la feuille de style. Lorsque j'utilise des sélecteurs sur le pied de page, les styles n'ont aucun effet
@Justmatt cela peut sembler une question idiote, mais .SiteInfo p apparaît dans la feuille de style lorsque vous le voyez séparément? S'il n'y a pas d'autres styles qui seraient remplacer ceux que vous avez créés, cela pourrait être que les styles ne sont pas chargés, ni le site est mis en cache.
Je fais des changements et rien ne se passe:
Normalement, pour voir les modifications sur votre page, vous cliquez sur le bouton Actualiser sur le navigateur. barre d'outils ou appuyez sur la touche F5 de votre clavier. Ctrl + F5 ou utilisez le mode Incognito. P> - Caching côté serveur strong> p> Cache latérale à nettoyer manuellement p> - un plugin de cache WordPress strand> p> S'il y a un plug-in Cache, vous devez effacer le cache de plug-in P> - Vue Source Strong> P > Ouvrez un CSS dans un nouvel onglet et vérifiez que CSS Element apparaît dans CSS. Si ce n'est pas alors, ajoutez simplement un plugin appelé WP version dans le modificateur de chaîne de requête p> Plugin: https://wordpress.org/plugins/wp-version-in-query-string-mofinifier/ p> - remplacer le CSS existant fort > p> Vous devez utiliser! Elément important pour l'élément existant. P> .site-info {
text-align: center;
color: black;
}
.site-info p{
color: red !important;
}
OK, le figuré. J'avais copié et collé beaucoup de CSS et manquait des crochets de fermeture dans l'une des sections précédentes. Merci d'avoir regardé cela, c'est vraiment apprécié
Quelle couleur ne change pas correctement?
L'élément P ne changera pas
Pouvez-vous fournir l'URL du site et la zone spécifique où le problème existe
C'est sur l'hôte local
Êtes-vous en mesure d'utiliser l'inspecteur du navigateur pour voir comment les styles sont appliqués? La cause la plus probable est une question de spécificité et un style quelque part ailleurs remplace celui que vous avez essayé de définir.
D'accord. Essayez de le déboguer sur un navigateur
@Justmatt Autre CSS fonctionnera à l'exception de la couleur?
Aucun changement de style apparaît pour les sélecteurs utilisés dans le pied de page. Je peux appliquer un générique H1, etc., une balise et le style hériter de la feuille de style supplémentaire