Slider-text contour
Résolu
Bonjour,
je viens vers vous une question sans doute simple à résoudre sur wordpress css :)
J'ai un article avec un titre et un sous titre. Afin que le titre soit lisible, j'ai ajouté un contour text-shadow à celui ci :
le problème est que j'aimerai en faire de même avec le sous titre juste en dessous. Mais je ne trouve pas comment faire ?
J'ai bien essayé avec :
.text-slider
.slider-text
.text-slider .subtitle
.slider-text .subtitle
.slide-inner
et même maintitle...
Le sous titre correspond au texte de base de l'article.
Merci d'avance pour vos retours :)
je viens vers vous une question sans doute simple à résoudre sur wordpress css :)
J'ai un article avec un titre et un sous titre. Afin que le titre soit lisible, j'ai ajouté un contour text-shadow à celui ci :
.slider-content .slider-title a {
color: #ffffff;
font-family: Impact;
text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
}
le problème est que j'aimerai en faire de même avec le sous titre juste en dessous. Mais je ne trouve pas comment faire ?
J'ai bien essayé avec :
.text-slider
.slider-text
.text-slider .subtitle
.slider-text .subtitle
.slide-inner
et même maintitle...
Le sous titre correspond au texte de base de l'article.
Merci d'avance pour vos retours :)
1 réponse
-
J'ai omis de dire que c'est un article mis en avant sur la page d'accueil du site.
ce genre de balise ne peut donc pas fonctionner :<span style="color: #ff0000">blablabla le texte de l'article en dessous du titre de l'article</span>
Mais comment changer ne serais-ce que la couleur du texte car il est blanc de base sur un fond trop clair pour être lisible.
Merci d'avance-
Bon j'ai trouvé comment modif ma ligne de texte sans impacter le reste du texte des articles.
Suffit de mettre une classe .slider-text comme je le pensais suivi d'un niveau de titre “h“ parmi les 6 possibles.
En l'occurrence, ça me donne :.slider-text h3 {
font-size: 30px;
font-family: Impact;
text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
}
-
