Pourquoi je ne peux pas remplacer l'icone ?

[creange]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : https://dangela.forumgratuit.org/

Description du problème

Bonjour est ce que quelqu'un peut me dire pourquoi je ne peux pas
remplacer l'icone de l'éditeur Font Police
j'ai réussi à remplacer tous les autres boutons  en plaçant les codes css
dans l'ordre de la liste mais je n'arrive pas remplacer le bouton Font

je nomme le bouton sceditor-button-font mais rien à faire  
et l'icone du bouton disparaît chaque fois que je mets mon code dans le css ....
y a t-il un code particulier à mettre quelque part ?


le résultat

mon editeur:

Merci par avance pour votre réponse
bonne journée

[MlleAlys]

Bonjour,
Pouvez-vous partager votre css (avec le code qui ne fonctionne pas) ?

[creange]

Bonjour MelleAlys
merci pour la réponse express

voici mon css pour le bloc concerné

Code:




/* image du bouton size */
.sceditor-button-size div { background-image:url(https://i.servimg.com/u/f92/14/77/07/89/mini_b29.png)!important}

.sceditor-button-size div {
  background-position: 0!important;
  background-image: url(https://i.servimg.com/u/f92/14/77/07/89/mini_b29.png);
}





/* image du bouton color */
.sceditor-button-color div { background-image:url(https://i.servimg.com/u/f92/14/77/07/89/mini_b31.png)!important}

.sceditor-button-color div {
  background-position: 0!important;
  background-image: url(https://i.servimg.com/u/f92/14/77/07/89/mini_b31.png);
}



/* image du bouton font */
.sceditor-button-font div { background-image:url(https://i.Servimg.com/u/f47/12/27/40/27/mini_b44.png)!important}
.sceditor-button-font div {
  background-position: 0!important;
  background-image: url(https://i.servimg.com/u/f47/12/27/40/27/mini_b44.png);
}





/* image du bouton headers */
.sceditor-button-headers div { background-image:url(https://i.servimg.com/u/f92/14/77/07/89/mini_b30.png)!important}

.sceditor-button-headers div {
  background-position:0!important;
  background-image:(url)(https://i.servimg.com/u/f92/14/77/07/89/mini_b30.png);
}




[MlleAlys]

Pas besoin de mettre deux codes pour chaque bouton, un seul suffit (et ça sera tout aussi clair ) :

Code:



.sceditor-button-size div {
  background-image: url(https://i.servimg.com/u/f92/14/77/07/89/mini_b29.png) !important;
  background-position: 0 !important;
}
 
.sceditor-button-color div {
  background-image: url(https://i.servimg.com/u/f92/14/77/07/89/mini_b31.png) !important;
  background-position: 0 !important;
}

.sceditor-button-font div {
  background-image: url(https://i.Servimg.com/u/f47/12/27/40/27/mini_b44.png) !important;
  background-position: 0 !important;
}

.sceditor-button-headers div {
  background-image: url(https://i.servimg.com/u/f92/14/77/07/89/mini_b30.png) !important;
  background-position: 0 !important;
}



Le code fonctionne bien sur mon forum test :

[creange]

un grand merci MlleAlys ça marche   
passez une bonne fin de journée