[RÉGLÉ] Modifier la taille des polices sur la page d'accueil

[Ethan Burke]

Bonjour à tous.

je viens de rechercher "taille des polices sur la page d'accueil", et je n'ai pas trouvé ce que je cherchais, à savoir comment modifier (réduire) la taille des polices des titres des articles de la catégorie en blog placée en "content" sur la page d'accueil, ainsi que celle du titre de menu "Informations générales" ou "Généralités", etc... :



En fait, je n'ai pas trouvé dans quel fichier (index.php ? template.css ? ...) figurent les tailles de polices des éléments qui apparaissent à l'écran sur la page d'accueil...

Je vous remercie.

[lomart]

Re : Modifier la taille des polices sur la page d'accueil

Bonsoir,

Avec un inspecteur de code, il faut trouver le sélecteur.
Puis définir la règle CSS pour l'adapter à son goût

[Ethan Burke]

Re : Modifier la taille des polices sur la page d'accueil

il faut trouver le sélecteur.

...le problème c'est quand on cherche quelque chose dont on ignore la forme... Comment reconnaître le sélecteur ?

Est-ce cela ?



D'après ce que j'ai lu et vu ds les tutos sur l'inspecteur avec Chrome, c'est qu'on peut changer les polices, tailles, alignements, mais là sur cet élément, je ne vois ni la police ni sa taille...

Merci...

[lefabdu51]

Re : Modifier la taille des polices sur la page d'accueil

...le problème c'est quand on cherche quelque chose dont on ignore la forme... Comment reconnaître le sélecteur ?

Est-ce cela ?



D'après ce que j'ai lu et vu ds les tutos sur l'inspecteur avec Chrome, c'est qu'on peut changer les polices, tailles, alignements, mais là sur cet élément, je ne vois ni la police ni sa taille...

Merci...

La premiere colonne est le rendu.
Sur la seconde colonne, tu as le code html, et donc le selecteur css.

quand tu fait inspecter l element avec un clic droit, tu as un code qui passe en bleu dans cette colonne.
Clic droit sur la ligne et copier l'element ce qui te donneras le moyen de copier l'élément ici.
LA colonne de droite est le fichier css. Idem, tu surlignes la regles CSS associée et tu la copies ici.

Si tu n as aucune règle ou que des règles héritées, cela veut dire que la classe css ne figure dans aucun ficher, donc tu doit la créer directement dans ton fichier user/custom.css.....

LA ce que tu as entouré a droite c est une regle directement définie par le navigateur..Est ce que tu as autre chose au dessus ?

tu, protostar est un template brut et par défaut.
Il est livré blanc pour qu il soit simple à personnaliser.
Donc tu as beaucoup de sélécteurs CSS qui n'ont pas de regle CSS associée.
par exemple la classe search pour le module de recherche.
Tu trouves cette classe au niveau du code html (colonne centrale de ta capture), mais il n y a aucune regle css associée.

Donc dans ce cas, elle est a créer dans le fichier user.css directement :
.search {mes regles css;}

[Ethan Burke]

Re : Modifier la taille des polices sur la page d'accueil

Donc tu as beaucoup de sélecteurs CSS qui n'ont pas de règle CSS associée

...est-ce que ce tu veux dire c'est que le sélecteur que j'ai entouré en rouge dans la 2e colonne (à savoir "div class moduletable" etc) n'a pas de règle CSS associée ? mais alors, où changer la taille des polices ?

Merci !

[lomart]

Re : Modifier la taille des polices sur la page d'accueil

Bonjour,

il ne faut pas utiliser "moduletable" directement car il sert pour tous les modules

Il faut procéder en 2 étapes :
1/ dans les paramètres du module, il faut ajouter un nom de classe (par exemple: menuinfo) dans "Classe d'en-tête/titre" onglet "Paramètres avancés"
2/ dans le fichier CSS, ajouter cette règle : h3.menuinfo {font-size:14px}

[Ethan Burke]

Re : Modifier la taille des polices sur la page d'accueil

2/ dans le fichier CSS

Désolé, mais quel fichier ? Le user.css dont parlait lefab ? Même celui-là j'arrive pas à le trouver dans "Protostar Détails et fichiers"...

ajouter cette règle : h3.menuinfo {font-size:14px}

Et où dans le fichier ? N'importe où ? Tout en bas ?

Merci...

[Ethan Burke]

Re : Modifier la taille des polices sur la page d'accueil

Désolé, mais quel fichier ? Le user.css dont parlait lefab ? Même celui-là j'arrive pas à le trouver dans "Protostar Détails et fichiers"...
Et où dans le fichier ? N'importe où ? Tout en bas ?
Merci...

...je fais comme indiqué ici ?

[lomart]

Re : Modifier la taille des polices sur la page d'accueil

Désolé, mais quel fichier ? Le user.css dont parlait lefab ? Même celui-là j'arrive pas à le trouver dans "Protostar Détails et fichiers"...

Il faut le créer dans "Protostar Détails et fichiers" avec le bouton nouveau puis le remplir

[Ethan Burke]

Re : Modifier la taille des polices sur la page d'accueil

J'avais oublié d'indiquer le lien du tuto évoqué dans mon précédent post : https://docs.joomla.org/J3.x:Adding_...h_Protostar/fr

J'ai fait comme indiqué, mais même après purge du cache le changement n’apparaît pas à l'écran...

[lomart]

Re : Modifier la taille des polices sur la page d'accueil

Une copie d'écran du fichier user.css dans "Protostar Détails et fichiers" pour voir une éventuelle erreur ou omission ?

Vois-tu la règle indiquée dans l'inpecteur de code ?

[Ethan Burke]

Re : Modifier la taille des polices sur la page d'accueil

...je suis revenu sur l'inspecteur :



J'ai ensuite cliqué sur le lien de la colonne de droite :



...ce qui semble m'indiquer que le police de 22px serait dans le fichier index de templates/protostar/css



...et je le vois (?) dans



Est-ce que j'ai tout faux ? (j'ai fait ces copies avant ton dernier post !)

[Ethan Burke]

Re : Modifier la taille des polices sur la page d'accueil

Une copie d'écran du fichier user.css dans "Protostar Détails et fichiers" pour voir une éventuelle erreur ou omission ?

Vois-tu la règle indiquée dans l'inpecteur de code ?

Je ne pense pas :

[Ethan Burke]

Re : Modifier la taille des polices sur la page d'accueil

Est-ce que j'ai tout faux ?

> est-ce que ma démarche serait une méthode pour changer la taille des polices ?

[lomart]

Re : Modifier la taille des polices sur la page d'accueil

Tu poste une copie d'écran pour le titre du menu, je te répond sur ce point et ensuite tu testes sur celui des articles. Il est un peu normal que ça ne marche pas !

Règle n°1 : on ne modifie pas le fichier template.css
Règle n°2 : on fait ses modifs dans user.css