Sur ce site, écrivant des articles contenant des lignes de "code" ou d'instructions, j'utilise le style code prédéfini et sa couleur rouge par défaut me convient bien. Je souhaitais que la balise "pre" qui me sert à afficher du code ou instructions sur plusieurs lignes soit également de cette couleur.
Direction le fichier css du template : Menus Extensions->gestion des templates puis cliquer sur le nom du template actif au niveau de la colonne template sur la droite.
Sur la gauche apparaît la liste des répertoires du template dont le premier: css. On clique dessus et le ou les fichiers qu'il contient s'affiche, on clique sur template.css.
Le problème de l'éditeur intégré est pour faire une recherche. La recherche du navigateur (firefox) ne recherche que dans les lignes affichées ... et il y en a beaucoup qui ne le sont pas!
Je fais donc un copier-coller vers mon éditeur préféré, puis modifie au environ des lignes 792-825 pour protostar :
code,
pre {
padding: 0 3px 2px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 11px;
color: #d14;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
Problème, à chaque mise à jour conséquente, le fichier template.css est écrasé...
mais depuis Joomla 3.5, il suffit de créer un fichier user.css dans le répertoire css, donc à côté de template.css, et de faire les modifications dans ce fichier... elles seront conservées lors des mises à jour!
Je vous invite à consulter la page suivante:
pour le réaliser depuis l'administration, sinon, vous le créez avec un éditeur et le déposez par FTP!