Personnalisation de la classe d'une url dans un module

Réduire
Ce sujet est fermé.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Personnalisation de la classe d'une url dans un module

    Bonjour,

    Les url's des modules du menu latéral obéissent aux classes .well a et .well a:hover. J'ai ajouté un logo Facebook qui pointe vers une page du site et je souhaiterai que cette url réagisse différemment des autres. J'ai ajouté un suffixe de classe " facebook" au module en question et j'ai mis le style suivant dans template.css :

    .well.facebook {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    }

    .well.facebook a {
    text-decoration: none !important;
    }

    .well.facebook a:hover {
    text-decoration: none !important;
    }

    L'effet de la classe .well a:hover s'applique toujours. En fait, quand je regarde le code avec l'inspecteur de Safari, il m'indique la présence de deux classe, .well a et .well.facebook a, pour le même url. Je dois donc me tromper dans ma syntaxe css, mais je ne vois pas où. Le site en question est ici :



    Merci

  • #2
    Re : Personnalisation de la classe d'une url dans un module

    Salut
    Pourquoi laisser well sur ce module ? Et ne pas mettre simplement facebook comme class ?
    Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

    Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

    Commentaire


    • #3
      Re : Personnalisation de la classe d'une url dans un module

      Envoyé par toffffe Voir le message
      Salut
      Pourquoi laisser well sur ce module ? Et ne pas mettre simplement facebook comme class ?
      Effectivement. J'ai été dans Paramètres avancés -> Style du module et j'ai sélectionné "none". Du coup well a disparu et il n'y a plus que facebook comme classe. Merci

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X