Personnalisation Cassiopeia

[tresnovice]

Pour Joomla 4 ; Template Cassiopeia.

Apparemment pour la modification de couleurs et de la taille des fontes, il faut travailler sur le fichier template.min.css:1

mais je ne le trouve pas par Filezilla comme je le faisais pour Jommla 3 Beez 3.

Merci d’avance de m’éclairer comment procéder.

[Helloo]

Bonjour,

Il va devoir créer un fichier user.css pour les modifications CSS.

https://web-eau.net/tutoriels-joomla/cassiopeia/creer-un-ficher-user-css-dans-cassiopeia

[tresnovice]

Merci beaucoup

[tresnovice]

Je vous remercie, j'ai crée le fichier user.css, mais je ne sais toujours pas comment trouver template.min.css pour modifier une couleur et une taille de fonte.
Merci d'avanceRe-Bonjour

[Jeff71]

Bonjour,
C'est bien user.css qu'il faut utiliser pour modifier couleur ou font sur le template
Un lien disponible ? pour pouvoir vous aider et votre besoin précis.

Sinon un générateur en ligne de user.css pour les couleurs https://colours.joomla.com/


Pour modifier les couleurs principales et les fonts



:root {

--cassiopeia-color-primary: #00ff00;
--cassiopeia-color-link: #0000ff;
--cassiopeia-color-hover: #ff0000;

--cassiopeia-font-family-body: "Roboto", sans-serif;
--cassiopeia-font-family-headings: "Roboto", sans-serif;
--cassiopeia-font-weight-headings: 700;
--cassiopeia-font-weight-normal: 400;
}

JF

[tresnovice]

Merci
voici encore une question

toujours ,
Joomla 4, Cassiopeia;
comment changer la couleur bleue par défaut ?
Merci d'avance

[Helloo]

...comment changer la couleur bleue par défaut ?
Merci d'avance

Bonjour,

Il existe également un générateur de couleurs pour le template Cassiopeia.
Le code sera automatiquement créé dans un fichier user.css et pourra être "copier-coller" dans son propre fichier user.css.

https://colours.joomla.com/

[tresnovice]

Bonjour, merci de vos explications.
Nouvelle question :
en tête de chaque article, je demande d'afficher les détails : date de création, de modification, catégorie, etc.
Est-ce possible de faire disparaître les icônes correspondants ?
Merci d'avance

[Helloo]

Bonjour,

Avec le code suivant, ils ne sont plus visibles. À insérer dans le fichier user.css

.icon-user.icon-fw {
  display: none;
}
.icon-folder-open.icon-fw {
  display: none;
}
.icon-calendar.icon-fw {
  display: none;
}
.icon-eye.icon-fw {
  display: none;
}​