[Résolu] Mysthique changer la taille de police d’en tête (Créer un compte)

  • Statut : non résolu
  • Ce sujet contient 9 réponses, 3 participants et a été mis à jour pour la dernière fois par Anonyme, le il y a 11 années et 4 mois.
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #498806
    jongleurman
    Membre
    Initié WordPress
    20 contributions

    Bonjour,

    Ma configuration WP actuelle 3.2.1
    – Version de WordPress :
    – Version de PHP/MySQL :
    – Thème utilisé : mysthique
    – Extensions en place :
    – Nom de l’hebergeur : OVH
    – Adresse du site : http://www.asbl-acepa.be

    Problème(s) rencontré(s) :

    Bonjour à tous,

    voila je souhaiterais réduire la police du texte d’en tête, en fait il est trop grand et du coup cela s’ecris sur deux lignes, donc pas très pratique car il faut toujours descendre la page..

    c’est pour mon site : http://www.asbl-acepa.be

    si vous regardez c’est donc le texte : ASBL Acépa Zoothérapie: le bien-être par les animaux qui devrait être plus petit en écriture pour tenir sur une seule ligne, mais en gardant le logo à la même place…

    qui pourrait m’aider?

    je penser trouver cela dans apparence, editeur, header mais pas trouvé…
    c’est le thème mystique

    Merci de votre aide,
    bon dimanche ensoléilé 🙂

    #788978
    Guy
    Participant
    Maître WordPress
    14817 contributions

    vous pouvez modifier, dans le fichier style.css, la taille de la police (j’ai mis ici 140% à la place de 180%, à vous de juger).

    Vous pouvez également mettre en commentaire border-left ce qui enlèvera la barre verticale sur la gauche.

    #site-title p.headline {
    /* border-left: 1px solid #999999;*/
    float: left;
    font-size: 140%;
    font-weight: normal;
    letter-spacing: 0.4em;
    line-height: 54px;
    margin: 0 0 0 1em;
    padding: 0.2em 0 0.2em 0.8em;
    }

    #788979
    jongleurman
    Membre
    Initié WordPress
    20 contributions

    Bonjour Guy,

    j’ai suivi vos instructions mais cela ne fonctionne pas…

    j’ai donc été dans l’éditeur, ouvert style.css

    et voici ce que j’ai fais:

    *** LOGO & HEADLINE ***/

    #site-title{padding:4em 0 3.6em 0;}
    #site-title #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px;}
    #site-title #logo a{color:#fff;text-decoration:none;text-shadow:#000 1px 1px 1px;font-variant:small-caps;letter-spacing:-0.04em;}
    #site-title #logo a:hover{color:#ed1e24;}
    #site-title p.headline{float:left;border-left:1px solid #999999;*/;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:40%;line-height:54px;letter-spacing:0.4em;}

    /* BEFORE CHARLIE MODIFICATION
    #site-title p.headline{float:left;border-left:1px solid #999;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:80%;line-height:64px;letter-spacing:0.4em;}
    */
    /* NEW VALUES */
    #site-title p.headline{float:left;border-left:1px solid #999999;*/;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:40%;line-height:54px;letter-spacing:0.4em;}

    ou est l’erreur? même en mettant votre code pour que la barre gauche se retire , celle-ci est toujours la….

    #788980
    Guy
    Participant
    Maître WordPress
    14817 contributions

    border-left:1px solid #999999; doit être entouré de /* et */

    /* border-left:1px solid #999999; */

    #788981
    jongleurman
    Membre
    Initié WordPress
    20 contributions

    voila,

    c’est chose faite,

    Mais toujours la barre à gauche, et le texte est écris en mini..

    http://www.asbl-acepa.be

    voici le code, que dois je modifier pour mettre un texte lisible? pas évident….
    Merci Guy

    /*** LOGO & HEADLINE ***/

    #site-title{padding:4em 0 3.6em 0;}
    #site-title #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px;}
    #site-title #logo a{color:#fff;text-decoration:none;text-shadow:#000 1px 1px 1px;font-variant:small-caps;letter-spacing:-0.04em;}
    #site-title #logo a:hover{color:#ed1e24;}
    #site-title p.headline{float:left;border-left:1px solid #999999;*/;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:40%;line-height:54px;letter-spacing:0.4em;}
    /* border-left:1px solid #999999; */

    /* BEFORE CHARLIE MODIFICATION
    #site-title p.headline{float:left;border-left:1px solid #999;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:80%;line-height:64px;letter-spacing:0.4em;}
    /* border-left:1px solid #999999; */

    */
    /* NEW VALUES */
    #site-title p.headline{float:left;border-left:1px solid #999999;*/;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:40%;line-height:54px;letter-spacing:0.4em;}
    /* border-left:1px solid #999999; */

    /*** TOP NAVIGATION ***/

    #788982
    jongleurman
    Membre
    Initié WordPress
    20 contributions

    a moins que le changement ne se fasse pas directement, et qu’il faille attendre?

    sinon que conseillez vous?

    si je réduis le logo? et peut être mettre moins de distance entre le logo et la barre des menus?

    le but est juste d’arriver à ne plus devoir descendre la page pour lire…

    ah il est 11h49 et apparement ça a changé la police…mais toujours sur la deuxième ligne….

    #788983
    Guy
    Participant
    Maître WordPress
    14817 contributions

    vous ne mettez pas ce qui avait été dit.

    votre modification :
    #site-title p.headline{float:left;border-left:1px solid #999999;*/;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:40%;line-height:54px;letter-spacing:0.4em;}
    /* border-left:1px solid #999999; */

    ce que je vous avais conseillé:
    site-title p.headline {
    /* border-left: 1px solid #999999;*/
    float: left;
    font-size: 140%;
    font-weight: normal;
    letter-spacing: 0.4em;
    line-height: 54px;
    margin: 0 0 0 1em;
    padding: 0.2em 0 0.2em 0.8em;
    }

    vos modifications ne sont pas correctes, une simple copie de ce que j’ai mis suffisait.

    #788984
    jongleurman
    Membre
    Initié WordPress
    20 contributions

    re re et re…

    voila j’ai copié collé ce que vous avez fait,

    je ne savais pas si je devais le mettre dans new value, ou dans Before Charlie modification ou dans logo et headline,

    donc je l’ai collé dans les trois, ça donne ceci :

    /*** LOGO & HEADLINE ***/

    #site-title{padding:4em 0 3.6em 0;}
    #site-title #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px;}
    #site-title #logo a{color:#fff;text-decoration:none;text-shadow:#000 1px 1px 1px;font-variant:small-caps;letter-spacing:-0.04em;}
    #site-title #logo a:hover{color:#ed1e24;}
    #site-title p.headline{float:left;border-left:1px solid #999999;*/;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:120%;line-height:54px;letter-spacing:0.4em;}
    /* border-left:1px solid #999999; */

    site-title p.headline {
    /* border-left: 1px solid #999999;*/
    float: left;
    font-size: 140%;
    font-weight: normal;
    letter-spacing: 0.4em;
    line-height: 54px;
    margin: 0 0 0 1em;
    padding: 0.2em 0 0.2em 0.8em;
    }

    /* BEFORE CHARLIE MODIFICATION
    #site-title p.headline{float:left;border-left:1px solid #999;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:102%;line-height:64px;letter-spacing:0.4em;}
    /* border-left:1px solid #999999; */

    */
    site-title p.headline {
    /* border-left: 1px solid #999999;*/
    float: left;
    font-size: 140%;
    font-weight: normal;
    letter-spacing: 0.4em;
    line-height: 54px;
    margin: 0 0 0 1em;
    padding: 0.2em 0 0.2em 0.8em;
    }

    /* NEW VALUES */
    #site-title p.headline{float:left;border-left:1px solid #999999;*/;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:120%;line-height:54px;letter-spacing:0.4em;}
    /* border-left:1px solid #999999; */

    site-title p.headline {
    /* border-left: 1px solid #999999;*/
    float: left;
    font-size: 140%;
    font-weight: normal;
    letter-spacing: 0.4em;
    line-height: 54px;
    margin: 0 0 0 1em;
    padding: 0.2em 0 0.2em 0.8em;
    }

    Question: est ce bien correct ou dois je mettre un carré avant site-title.headline…

    Ici en ayant mis ceci:
    dans internet j’ai la police correcte donc ecris normal, mais toujours le logo au dessus, et le texte en dessous donc pas sur une seule ligne

    et dans mozzila la c’est ecris tres grand et donc ça prends deux lignes….

    j’espere quand même que ce sera possible 🙂

    sinon l’idée du logo plus petit?

    en tout cas merci beaucoup pour votre aide…

    #788985
    Guy
    Participant
    Maître WordPress
    14817 contributions

    oula 🙂

    je mettrai cela (oui, il faut mettre le # que j’avais oublié), la taille vous pouvez la modifier en faisant varier font-size: 140%;

    /*** LOGO & HEADLINE ***/
    #site-title{padding:4em 0 3.6em 0;}
    #site-title #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px;}
    #site-title #logo a{color:#fff;text-decoration:none;text-shadow:#000 1px 1px 1px;font-variant:small-caps;letter-spacing:-0.04em;}
    #site-title #logo a:hover{color:#ed1e24;}

    /* BEFORE CHARLIE MODIFICATION */

    /*#site-title p.headline {
    border-left: 1px solid #999999;
    float: left;
    font-size: 180%;
    font-weight: normal;
    letter-spacing: 0.4em;
    line-height: 54px;
    margin: 0 0 0 1em;
    padding: 0.2em 0 0.2em 0.8em;
    }
    */


    /* NEW VALUES */

    #site-title p.headline {
    /* border-left: 1px solid #999999;*/
    float: left;
    font-size: 140%;
    font-weight: normal;
    letter-spacing: 0.4em;
    line-height: 54px;
    margin: 0 0 0 1em;
    padding: 0.2em 0 0.2em 0.8em;
    }

    #788986
    Anonyme
    Inactif
    Initié WordPress
    13 contributions

    Bonjour,

    Merci pour ce sujet, car j’ai réussi à changer la taille des caractères de mon en tête, dans un autre thème, mais en cherchant dans les css, j’ai trouvé, merci 🙂
    Cdt

10 sujets de 1 à 10 (sur un total de 10)
  • Vous devez être connecté pour répondre à ce sujet.