[RÉGLÉ] Une question au sujet d'un style que nous n'arrivons pas à changer

[Isabelle62]

Bonjour,

nous sommes encore une fois un peu ennuyés car notre question concerne encore les CSS.

Nous utilisons le template Creativity de Gavick.

Nous aimerions créer un style ul pour formater nos article. Mais nous rencontrons un problème.
A chaque fois que nous essayons de mettre des espaces entre les <li>, cela ne fonctionne pas.

Nous venons de comprendre pourquoi.
Dans le template, il y a un .css qui contient les lignes suivantes :
.
itemBody > div > ul li, #k2Container .itemFullText ul li, #k2Container .itemIntroText ul li {
line-height: 1.8em!important;
list-style: none;
margin-left: 2em!important;
overflow: inherit;
padding: 20px 0 20px 28px;
position: relative;
}

Voici ce que nous voulons faire


ul.gp01 > li {
list-style-position:inside !important;
list-style-type: square !important;
width: 80%;
text-align:justify;
color:#333399;
text-indent: -2em;
margin-bottom : 2em;
}

ul.gp01 > li::before {
content: "" !important;
}

Le margin bottom de ul.gp01 ne fonctionne pas. C'est toujours la valeur du css du template qui est prise en compte.
Est ce que quelqu'un pourrait nous expliquer ce que signifie la syntaxe : itemBody > div > ul li, #k2Container .itemFullText ul li, #k2Container .itemIntroText ul li {

Avez-vous une solution pour que nous ul.gp01 > li fonctionne correctement?

Merci par avance pour votre aide
Bien à vous

Isa

[Eddy.vh]

Bonjour.

Les questions de styles devraient toujours être accompagnées d'un lien vers une page ou le phénomène à modifier se situe.
Ça nous permet de comprendre nous-même la situation, l'analyser et vous apporter des réponses claires et précises.

Alors, j'ai pu trouver une telle liste sur ton site. Il y a quelque part un margin: 0 !important; mais on ne peut le situer à cause de JCHOptimize qui place le tout en cache.
Aussi, la règle personnalisée se trouve dans le fichier data/styles_css/gp-20190927.css. Ce fichier est-il bien chargé après les styles mis en cache ?

[Isabelle62]

Bonjour Eddy,

merci beaucoup pour avoir pris le temps d'analyser notre problème et de nous avoir donné une réponse.

C'était exactement la ligne que nous devions surcharger. Maintenant nous avons effectué la correction. Tout fonctionne parfaitement.
Cette ligne était dans une feuille de style du template de Gavick. Ce qui est étrange c'est qu'un style standard soit customisé par un éditeur de template. Il aurait dû créer son propre style et ne pas modifier les propriétés générales.

Mais bon tout est parfait maintenant grâce à vous.

Voici un exemple de mise en page avec notre ul.

https://www.guillenphoto.com/cms/pourquoi-et-comment-developper-une-conscience-photographique-2.html

Je vous souhaite un excellent weekend
Bien à vous
Isa

[Eddy.vh]

Bonjour.

Ravi d'avoir pu aider à débusquer le coupable et que tu ais pu corriger ton style.
Bon weekend.