Modification du bloc de connexion qui affecte le bloc Qui est en ligne

[Jarvis24]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis toujours
Lien du forum : https://marveldimensions.forumactif.com/

Description du problème

Bonjour, je suis débutant en codage et j'ai déjà créé quelques lignes de code CSS pour personnaliser certaines parties de mon forum.

Cependant, je rencontre un problème avec l'affichage du bloc de connexion où j'aimerais mettre la police en noir au lieu de blanc car très peu visible actuellement sur la couleur du fond (je n'aimerais pas changer cette couleur de fond).

Voici la photo du bloc de connexion :

Spoiler:

Le problème, c'est que mon code CSS qui me permet de changer la couleur de la police de ce bloc de connexion, affecte la couleur de la police du bloc "Qui est en ligne" qui devient noire à son tour (seulement quand je force le code CSS avec black !important)

Il n'y a qu'en forçant le code CSS du bloc connexion pour afficher la couleur noire qui fonctionne, sinon elle ne s'affiche pas (j'ai essayé black !important, mais ça modifie le bloc qui est en ligne). Actuellement, le code que j'ai mis dans le template index_body est le suivant, mais il ne fonctionne pas :

Code:

<style>
  /* BOITE DE CONNEXION AU FORUM */
.inputbox, .gen, .genmed, .gensmall, tbody {
  color: black;
}
  /* APPARENCE QUI EST EN LIGNE */
.qeel{
  color: white;
}
</style>

Mon Qui est en ligne s'affiche normalement à l'heure actuelle, mais toujours pas le bloc connexion où j'ai juste besoin de changer la couleur de la police en noir.

Si quelqu'un peut me dépanner, je lui en serais très reconnaissant.

Merci d'avance pour votre aide

[Toryudo]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour !

A placer dans votre feuille de CSS personnalisée (pas dans un Template), je pense que ce code devrait faire ce qu'il faut pour ne toucher que le bloc connexion :

Code:

form[name="form_login"] .gen, form[name="form_login"] .gensmall {
  color: black;
}

[Jarvis24]

Merci beaucoup, cela fonctionne très bien.

Petite question : pensez-vous que l'endroit pour modifier la bannière image qui s'affiche en haut de ce bloc connexion peut être intégré dans ce code CSS ?

[Toryudo]

Oui, dans le même principe, ce serait ce code CSS :

Code:

form[name="form_login"] th {
  background-image: url(https://64.media.tumblr.com/41807e24f879ad5417a6b15713cec056/42526e5e2c8cc78d-36/s1280x1920/21f7083a568fb2cb7329eaf0ccff27f0d1d83c34.jpg);
}

[Jarvis24]

Merci ! Grâce à vous ça ressemble déjà plus à quelque chose et je viens de comprendre quelque chose dans mon code