[RÉGLÉ] Modifier le code html …

[PhMi]

Un détail …

Lorsque j'utilise l'outil qui permet de visualiser les codes html d'affichage d'un site, il arrive que la caractéristique que je souhaite modifier ne peut l'être que par ajout sous la rubrique "élément". C'est le cas pour la taille des lettres de l'indication de la date de la dernière modification d'un article (cf. pièce-jointe).

Comment peut-on pérenniser cette instruction ?

Merci.

[daneel]

Bonjour,

Par l'ajout d'une classe dans la surcharge afin que tu puisse définir dans la css (via le fichier user.css)

ou en ciblant directement l'élément dans la css (par exemple la date de modification)

exemple :

time[itemprop="dateModified"]
{  font-size: smaller; }

Edit : Tu peux aussi selectionner le parent 'modified' comme l'explique Robert ci-dessous.

[RobertG]

Bonjour,

La classe "modified" n'ayant pas de définition, crée dans ton user.css une version adaptée de

.modified>time {font-size;1.5rem;}

[PhMi]

Merci à vous deux de vos conseils qui font que le problème est résolu sans que je comprenne comment deviner ce qu'il faut écrire dans la page CSS.
J'y ai inscrit :
time[itemprop="dateModified"] {
font-size: smaller; }

[PhMi]

Je réveille ce message, car je ne trouve pas comment introduire dans la feuille CSS la bonne commande.

Le code html de la ligne concernée est :

• premier cas : <ul class="mostread modlist">
• deuxième cas : <ul class="mod-articleslatest latestnews modlist">

Lorsque je rajoute text-align: center à leur "élément", j'obtiens le résultat visé 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 ? Merci.