[Problème] Comment résoudre ce problème de css lié à un template?

[Isabelle62]

Bonjour à tous,

j'espère que vous allez bien.

J'ai une question technique à poser. C'est une question de css donc pas directement liée à Joomla.
Le problème vient de mon template. Je me permets donc de vous la soumettre.
Je ne suis pas un grand spécialiste de la programmation. J'ai des notions qui sont limitées. J'ai beaucoup de mal à trouver une solution.

Dans nos deux sites web, nous utilisons le tempate Creativity de Gavick. J'utilise l'extension K2 pour gérer les articles..

Dans l'un des fichiers css du template, il y a ces quelques lignes :

.itemBody > div > ul li,
#k2Container .itemFullText ul li,
#k2Container .itemIntroText ul li {

padding-top: 0px;
padding-right: 150px;
padding-bottom: 10px;
padding-left: 0px;

}

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

J'aimerai créer mon propre style ul. Voici ce que j'ai écrit dans mon propre fichier css :

ul.gp01 > li {

list-style-position:inside !important;
list-style-type: square !important;
width: 100%;
text-align:justify;
color:#666;
margin-left: 0;
padding-left: 40px;

}

ul.gp01 > li::before {

content: "" !important;

}

Le problème que je rencontre est que je n'arrive pas à indenter de 40 pixels sur la droite mes propres listes ul.

Si je surcharge le css du template, le menu "hamburger" se trouve décaler. Je ne le vois plus.

Est-ce que quelqu'un pourrait me donner la syntaxe exacte pour créer un style ul que j'appelerai gp01 et qui serait indépendant du style de Gavick?

Merci par avance pour votre aide.

Amar Guillen