Modifications dans le thème kitten Version : 1.0 - (06/03/2026)

basylbasyl Member
dans Modifications

Bonjour à tous, j'utilise le thème kitten Version : 1.0 - (06/03/2026), sur mon site https://ctavl.toile-libre.org/ J'aimerais modifier la taille du texte qui apparaît en jaune assez gros dans le bandeau en haut. J'ai déjà cherché mais je ne sais pas quel fichier modifier ?
Qui peut m'aider ?
Merci

Réponses

  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    10 avril modifié

    Bonjour,
    Tu peux utiliser l'inspecteur de Firefox en appuyant sur la touche F12 et cliquer ensuite sur l'élément de la page HTML à ajuster et connaitre le numéro de ligne et de fichier CSS concerné.
    Plus concrètement :

    • la taille des caractères de "Club Vosgien..." est fixée par la ligne n°166 du fichier style.css ( par exemple : font-size: 3rem; )
    • Pour le descriptif en dessous, ligne n°173 du même fichier ( par exemple : font-size: 2.5rem; )
    • supprimer la ligne n°156 ( padding-bottom: 25% )

    Accès à mon dépôt de plugins et thèmes
    installe PluXml plus vite que ton ombre avec kzInstall2

  • basylbasyl Member

    Bonjour et merci beaucoup Bazooka07, tu es toujours aussi réactif.
    Bon dimanche.

  • basylbasyl Member

    voilà ce que je voulais et c'est bien fonctionnel merci encore : https://ctavl.toile-libre.org/

  • Clovis64Clovis64 Member

    hello,regarde dans le fichier CSS du thème (souvent style.css) c’est là que la taille du texte du bandeau est définie cherche la classe liée au header ou au titre et ajuste la propriété font size normalement c’est rapide à trouver avec l’inspecteur du navigateur

  • BKaernelBKaernel Member
    16 oct. modifié

    Pour les titres, je vous conseille d'utiliser clamp()

    C'est trés utile, notamment pour s'éviter des conditions pour les tailles d'écrans (Médiaqueries).
    Je vous laisse regarder MDN, sinon, il y a les valeurs : MIN, MED et MAX.
    Cette fonction CSS marche avec les font-size, les margins, les paddings et ???

    Ce qui donnerais pour ton titre :
    font-size: clamp(1.5rem, 2vw, 3rem);
    Je te laisse performer cette exemple trop simple !

    Donc, 1.5rem sur petit écran et 3 rem pour grand écran.
    Tu peux aussi mettre des PX si tu préfères.
    Bon à savoir 1rem = 16px (en général, sauf pour les exentriques =) )

    Le truc "compliqué" à déterminer c'est la valeur centrale.
    Il y a des sites dédiés à çà.

    Pour le ViewPort Min met 320px et le max 1280px

    Pour mes thèmes, j'ai presque toujours les mêmes 6 lignes.
    Je les utilise dans DRUPAL, BACKDROP CMS, PUBLII, JEKYLL et WORDPRESS.
    Aucun mediaqueries n'est nécessaire ! Et ça c'est cool !

    Je pense que ça vient de TOILE LIBRE, mais j'ai énormément de mal à charger ta page d'accueil.
    Ou alors c'est un problème intermittent ?

Connectez-vous ou Inscrivez-vous pour répondre.