[RÉGLÉ] Puce dans le frontend

[Maity]

Bonjour à Tous;
Je sais que je vais me faire tapé sur le doigt mais ayant cherché beaucoup sur le forum je demande de l'aide.
Il s'agit de l'affichage des puces dans mon site www.ameddmail.org. Ces puces s'affiche bien dans l'administration mais dans le front c le bazar. Un des posts sur le forum demande d'inspecter le site avec firebug ce que j'ai fais et je trouve "contenu" dans le CSS (quand je l'efface le bazar disparait effectivement). Mais comment le remplacer par les puces standard de JCE que je veux vu que je ne suis pas expert en la matière.
Je sais y'a beaucoup de post sur le forum qui traitent de mon sujet mais aucun ne semble m'aider.
Merci

[marie-louise]

Re : Puce dans le frontend

Bonjour,

Si tu veux des puces spéciales il faut modifier le CSS, Je retrouve plus le bon lien, mais Lomart m'avait expliquer cela super bien et j'ai recopier la solution

Puces spéciales

Partie css

/*on supprime la puce d'origine*/
ul[class^="puce-"], li[class^="puce-"] {list-style-type: none;}
/* les différentes puces */
ul.puce-ok li:before, ul li.puce-ok:before { content: "\2714 "; color:green;}
ul.puce-cancel li:before, ul li.puce-cancel:before { content: "\2718 "; color:red;}
ul.puce-carre li:before, ul li.puce-carre:before { content: "\25a3 ";color:blue;}

Partie html à l’endroit où je veux ma puce spéciale (dans le code source)

<p>
Exemple avec la m&ecirc;me puce pour tous les items</p>
<ul class="puce-ok">
<li>
test 1</li>
<li>
test 2</li>
<li>
test 3</li>
</ul>
<p>
Exemple avec une puce par d&eacute;faut et des puces diff&eacute;rentes</p>
<ul class="puce-ok">
<li>
test 1</li>
<li class="puce-cancel">
test 2</li>
<li>
test 3</li>
<li class="puce-carre">
test 4</li>
</ul>

[Maity]

Re : Puce dans le frontend

Merci Marie Louise. Je vais essayer cette solution et vous revenir très bientôt

[Maity]

Re : Puce dans le frontend

Re merci Marie;
En fait ce n'est pas exactement ce que je veux. Je veux utiliser simplement les puce natives de joomla au lieu de puces spéciales. Mais apparemment se sont les puces de mon templates "at_communitygroup_pro" qui s'aafichent. et cela m'emmerde.
Merci

[marie-louise]

Re : Puce dans le frontend

Bonjour,

#content ul {
list-style: outside none disc !important;
}

Alors cela devrait être cette list-style pour le petit rond dans tes ul, voir avec l'inspecteur d'élément firebug pour l'endroit ou tu dois modifier ou un lien site.

important pour dire que cela doit surpasser les autres paramétrages

A tester.

[Maity]

Re : Puce dans le frontend

Merci beaucoup Marie Louise.
ta solution marche comme dans du beurre. J'ai juste copier et coller ta ligne de code dans la paritie du CSS que m'avait indiqué mon inspecteur Firebug et ça marche.
Donc je met le sujet dans Réglé.
Merci

[marie-louise]

Re : Puce dans le frontend

super Le CSS je manque de pratique donc j'hésite toujours.

Contente d'avoir été utile cette fois