web-dev-qa-db-fra.com

Les puces de la liste non ordonnée ne s'afficheront pas

Quelqu'un peut-il me dire pourquoi les balles ne fonctionnent pas?

Chaque fois que je liste une liste, elle ne figure pas sur ma page Web.

Quelqu'un peut-il me dire s'il vous plaît ce que je manque/mal faire?

À votre santé

Carlton

2
Carltonp

Comme indiqué dans mon commentaire ci-dessus, personne ne peut vous donner une réponse exacte à votre problème spécifique sans voir le début de vos pages où vous souhaitez que les listes à puces apparaissent.

Cependant, voici quelque chose comme point de départ:

Dans le contenu de votre article, où vous créez votre liste non ordonnée, vous pouvez attacher une classe spécifique à votre élément ul. Quelque chose comme:

<ul class="myBulleted">
    <li>item1</li>
    <li>item1</li>
    <li>item1</li>
</ul>

Ensuite, dans le fichier CSS personnalisé de votre modèle, vous pouvez ajouter:

ul.myBulleted, ul.myBulleted li {
    list-style-type:disc !important;
}
  • Notez que j'ajoute! Important, car bien que vous ayez spécifié le sélecteur spécifique de votre ul, il est toujours possible que d'autres sélecteurs de votre modèle aient la priorité sur le vôtre. Le! Important donnera une priorité supérieure à vos règles. Voyez-vous, si c'est réellement nécessaire ou non.

Mise à jour

Dans ce cas particulier, essayez d’ajouter dans le fichier CSS personnalisé de votre modèle les éléments suivants:

li.workbookcontent.componentheading {
    list-style: none;
    overflow: inherit;
    padding: 2px 0 2px 28px;
    position: relative;
}

li.workbookcontent.componentheading:before {
    font-family: FontAwesome;
    font-size: 13px;
    position: absolute;
    top: 11px;
    left: 0;
    color: #eb1e00;
    content: "\f14a";
}

Puisqu'il s'agit d'un modèle gavick, il est généralement livré avec un fichier override.css dans son dossier css. Vous pouvez coller le code ci-dessus dans ce fichier, puis vous devrez activer le remplacement css à partir des paramètres d’arrière-plan du modèle.

Vous trouverez plus d'informations sur le site Web de Gavick: https://www.gavick.com/documentation/joomla/templates/customization/custom-template-css

Sur une autre note, vous voudrez peut-être contacter les développeurs du modèle et leur faire savoir que bien qu'ils aient ajouté des CSS pour créer des puces de listes non ordonnées dans des articles, cela ne s'appliquera pas, car leur code CSS est à la recherche d'un élément ul direct après le conteneur div.itemBody, ou un élément ul après une autre div, et dans tous les cas, ils n'incluent pas d'élément ul après une plage représentant la sortie réelle.

En fait, ils ont quelque chose comme ça dans leur typography.css:

.itemBody > ul li:before,
.itemBody > div > ul li:before,
ul.gkBullet2 li:before {
    color: #eb1e00;
    content: "\f14a";
}

Alors que le HTML est comme:

<div class="itemBody">
    <span itemprop="articleBody">
        <ul>
            <li class="workbookcontent componentheading">Select Device &gt; Administrators</li>
            ....
2
FFrewin