Discussion :

[Black and Whiter]

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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.

[ASCIIDEFOND]

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[laurentSc]

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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.