Une règle CSS qui ne disparait plus

Version imprimable

Bonjour à tous !

Alors voilà, je fais un site sur worpress avec le template DIVI.

J'ai créer une règle CSS pour avoir un fond (image derrière mon H1)
Cette règle je l'ai uniquement placée sur ma page d'accueil la voici :
Code:

1 2 3 4 5 6 7 8 h1 { background-image: url(https://www.lesbellesidees.com/wp-content/uploads/2024/01/surlignage-H1-HD3.png); background-size: 40%; background-repeat: no-repeat; background-position: center center; color: #ffffff; padding: 25px ; }
Le problème c'est que quand je la supprime de ma page, elle reste quand même présente ... ??!! Elle ne disparait plus ...
Si quelqu'un peut me dire a quelle endroit je dois virer cette règle.
En plus, maintenant a chaque fois que je créer une page, le H1 de la page se retrouve avec cette p*** d'image !
Pourtant la règle n'est pas intégrer dans le site ...

Merci d'avance !
B&W

12/01/2024, 21h38
laurentSc

Bonsoir,
si le problème existe encore, un lien vers le site ferait pas de mal.
Au cas où, as-tu vidé ton cache navigateur (lequel d'ailleurs ?) ? Et au besoin, fais l'essai avec un autre navigateur.

Salut Black and Whiter,

Il y a déjà deux déclarations quasi identiques pour ce sélecteur de titre dans un des nombreux codes CSS.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
H1
{
  background-image: url(https://www.lesbellesidees.com/wp-content/uploads/2024/01/surlignage-H1-HD3.png);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: center center;
  color: #023946;
  padding: 30px;
}
...
h1
{
  background-image: url(https://www.lesbellesidees.com/wp-content/uploads/2024/01/surlignage-H1-HD3.png);
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  padding: 25px;
}

Plus d'infos pour les éléments de titre.
https://developer.mozilla.org/fr/doc...ading_Elements

Bonjour,
une possibilité : encapsuler le body de la page d'accueil dans un <div>, et lui appliquer la classe home1 (car home est déjà utilisée) et déclarer ce css :
Code:

1 2 3 4 5 6 7 8 .home1 h1 { background-image: url(https://www.lesbellesidees.com/wp-content/uploads/2024/01/surlignage-H1-HD3.png); background-size: 40%; background-repeat: no-repeat; background-position: center center; // color: #ffffff; règle pas prise en compte padding-left : 400px; //à ajuster }
testé sur un Wordpress mais autre thème.