Joomla : centrer un texte

PhM1936
Les bases HTML/CSS

Bonjour,
Lorsque, sur la page https://pensees-vagabondes.fr/des-precisions-pour-vous-aider-a-choisir, je révèle le code html de cet article qui contient deux modules, je trouve les informations suivantes :
premier cas : <ul class="mostread modlist">
deuxième cas : <ul class="mod-articleslatest latestnews modlist">
Lorsque, avec Firefox, je rajoute "text-align: center" à leur "élément", le texte se centre comme souhaité et les codes html deviennent :
<ul class="mostread modlist" style="text-align: center;">
<ul class="mod-articleslatest latestnews modlist" style="text-align: center;">

Quelles sont les lignes à introduire dans le fichier user.css pour obtenir ce résultat ? Merci.

6 réponses

Grafikart

Je t'invite à suivre cette série de vidéo pour apprendre les bases du CSS : https://grafikart.fr/formations/css

.mod-articleslatest, .mostread.modlist { 
   text-align:center;
}
PhM1936
Auteur

Merci, Grafikart, de ta réponse.

La formule proposée recentre bien les élements de Les derniers articles publiés (bravo), mais Les plus vus … restent à gauche.

Grafikart

Il faut que tu adapte le sélecteur à ton cas.

PhM1936
Auteur

Je ne comprends pas ce que tu veux dire, ni ce que je decrais faire. Peux-tu préciser ?
Merci.

JRcode

Tu as oublié un "-" dans le sélecteur des articles les plus vus : "mod-list" et non pas "modlist" d'après ton code source.

PhM1936
Auteur

Merci , beaucoup, JRcode et Grafikart, tout est maintenant correct.