personnaliser couleurs Tooltip sur template Astroid

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] personnaliser couleurs Tooltip sur template Astroid

    Bonjour,

    Sur Astroid, sur un site qui est en "mode sombre", j'ai un souci avec les Tooltips (les Infobulles) : quand l'infobulle apparaît, elle est en blanc sur fond blanc... pcq en css on a
    body {color: white;} et que le tooltip hérite de cela visiblement.

    Je voudrais donc personnaliser la couleur du texte et/ou du background.

    J'ai bien essayé ceci (qui est le standard Bootstrap4 je pense), mais visiblement ça ne fonctionne pas:
    Code HTML:
    .tooltip-inner { background-color: black !important; color: red !important; }
    Une idée?

    Merci !

    PS : exemple sur https://www.feteducourt.be/creer-un-compte
    Dernière édition par woluweb à 11/03/2022, 13h41
    Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

    Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

  • #2
    Bonjour,

    Je ne suis pas sûr si c'est ce tooltip ? Chez moi avec Firefox j'ai un texte noir sur fond blanc.Ou alors j'ai mal compris.

    Cliquez sur l'image pour l'afficher en taille normale  Nom : creer.jpg  Affichages : 0  Taille : 7,7 Ko  ID : 2037869

    EDIT: A oui, je vois ce que tu veux dire, mais je trouve pas non plus.

    Code HTML:
    /* test infructueux de changer couleurs tooltip */
    .tooltip-inner {
    background-color: #000000 !important;
    color: #e6007e !important;
    /* le tooltip prend la couleur du body par défaut */ }

    EDIT: Est-ce éventuellement .popover à la place de tooltip ?
    Dernière édition par Helloo à 09/03/2022, 22h11

    Commentaire


    • #3
      Salut

      J'ai essayé avec label.invalid:hover, label.required:hover span{background:red;} et ça a l'air de fonctionner...

      Commentaire


      • #4
        Merci les zamis !

        Je me suis mal exprimé : l'infobulle que je vise, c'est celle qui apparaît en blanc sur fond blanc quand on survole el mot
        - "Adresse e-mail"
        - ou "Mot de passe"

        Et là, aucun des css ci-dessus ne fonctionne visiblement...
        -
        Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

        Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

        Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

        Commentaire


        • #5
          Bonjour,

          Ce n'est pas le formulaire standard, que tu utilises ? Je viens de regarder sur un de mes sites avec le même template et je n'ai pas d'infobulle.
          "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
          MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

          Commentaire


          • #6
            ça vient d'astroid

            le bon séelecteur est
            div.pophover.fade.right
            Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

            Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

            Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

            Commentaire


            • #7
              J'ai pourtant testé avec Astroid One et Zero, sans aucun popup (sur 2 sites).
              "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
              MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

              Commentaire


              • #8
                ben moi j'en ai un sur
                - "Adresse e-mail"
                - ou "Mot de passe"
                sur cette page comme tu peux voir

                mais problème résolu donc
                Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

                Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

                Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

                Commentaire

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire

                Hébergeur Web PlanetHoster
                Travaille ...
                X