Slider-text contour

Résolu/Fermé

manchelo Messages postés 323 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 janvier 2023 - 9 mars 2018 à 13:07
manchelo Messages postés 323 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 janvier 2023 - 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 - Guide
Canva text to image - Guide
Atom text editor - Télécharger - Édition & Programmation
Wow slider - Télécharger - Présentation
Contour violet snap - Forum Snapchat

1 réponse

Réponse 1 / 1

manchelo Messages postés 323 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 janvier 2023 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 323 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 janvier 2023 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

Contour d'un texte avec Gimp

Comment faire le symbole coeur vide/coeur blanc

Problème de contour qui me rend folle...

Contour en pointillé d'une forme personnalisée

Contour dégradé sur Illustrator

Discussions similaires

Newsletters