web-dev-qa-db-fra.com

Supprimer le type de style de liste d'un menu joomla

Je dois supprimer le type de style de liste d'un menu joomla.

J'ai essayé de mettre text-decoration, list-style, list-style-type et text-decoration-line à aucun. Mais rien ne fonctionne.

J'ai défini les sélecteurs généraux li et ul également comme classe/id spécifique.

ul{
      list-style-type: none;
      text-decoration: none;
      list-style: outside none none;
      text-decoration-line: none;
}

li{
      list-style-type: none;
      text-decoration: none;
      list-style: outside none none;
      text-decoration-line: none;
}

joomla menu

Toute suggestion?

menucss
2
Guilherme

Sans voir votre code, il est difficile de faire autre chose que de deviner, mais voici quelques idées:

  1. Utilisez les outils de développement de votre navigateur (généralement disponibles en appuyant sur F12 ou Cliquez avec le bouton droit -> Inspecter l'élément). Vous pouvez modifier le CSS directement pour avoir un aperçu de son impact sur votre mise en page. Une fois que vous avez trouvé un moyen de le résoudre, copiez vos modifications dans votre fichier CSS.

  2. Chercher :before pseudo-éléments dans votre CSS. Il est probable que votre modèle ajoute les chevrons avant les éléments de la liste utilisant ce type de sélecteur.

  3. Essayez d'ajouter !important à vos déclarations CSS, pour vous assurer qu’elle n’est pas remplacée par d’autres styles.

2
johanpw

En supposant que vous n'obteniez aucun contenu mis en cache qui ne contienne aucune de vos modifications CSS, la seule chose qui soit sûre, c'est qu'il existe des règles CSS qui affectent cette liste particulière et qu'elles ont très probablement priorité sur les autres règles et votre code CSS de remplacement. Mais pour nous, sans pouvoir voir la page en direct, il est difficile de vous dire ce que vous devez ajuster.

Votre meilleur allié, ce sont les outils de l'inspecteur/développeur de votre navigateur. Avec cela, vous devez essayer d’identifier les héritages ou les priorités CSS.

Lorsqu'une règle CSS particulière n'affecte pas l'élément html, cela signifie qu'une autre règle plus stricte est en place. Cela est généralement dû au fait que l'autre règle contient "! Important" avec l'attribut, ou parce qu'il est plus spécifiquement sélectionné par les sélecteurs.

Comme dit, le seul moyen de le savoir est d'utiliser l'inspecteur du navigateur. Si vous ajoutez vos règles CSS personnalisées à un fichier CSS de votre site, après avoir rechargé la page et ouvert l'inspecteur, vous pourrez voir l'ordre de priorité des règles sur cet élément. Si vous voyez votre css personnalisé dans la liste, cela signifie que ces règles sont plus prioritaires.

Étudiez leurs sélecteurs (classes css), afin de rendre vos sélecteurs de priorité plus élevée, par exemple. en utilisant un "id" d'un élément conteneur.

Assurez-vous également que votre css se charge à la fin et pas avant toutes les autres règles css, aucun "! Important" n’est impliqué nulle part - et que vous regardez du contenu non mis en cache.

1
FFrewin