Slider-text contour

Résolu/Fermé

manchelo Messages postés 325 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 29 octobre 2024 - 9 mars 2018 à 13:07
manchelo Messages postés 325 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 29 octobre 2024 - 10 mars 2018 à 15:39

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 :

.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 :)

A voir également:

Slider-text contour
Ai text classifier - Accueil - Guide Intelligence artificielle
Wow slider - Télécharger - Présentation
Text to image canva - Accueil - Outils
Contour progressif illustrator ✓ - Forum Illustrator
Contour transparent illustrator ✓ - Forum Illustrator

1 réponse

Réponse 1 / 1

manchelo Messages postés 325 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 29 octobre 2024 5
Modifié le 10 mars 2018 à 14:00

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

manchelo Messages postés 325 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 29 octobre 2024 5
10 mars 2018 à 15:39

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;
	}

Discussions similaires

vectorisation de contour HELP

Comment faire le symbole coeur vide/coeur blanc

Transformer une image pour n'avoir que le contour

Contour en pointillé d'une forme personnalisée

Ecrire avec les lettres au contour noir.