[Résolu] Mysthique changer la taille de police d'en tête

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 7 mois.

10 sujets de 1 à 10 (sur un total de 10)

Auteur

Messages
21 août 2011 à 9 h 01 min #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é 🙂

21 août 2011 à 9 h 31 min #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;
}
```
21 août 2011 à 12 h 18 min #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….

21 août 2011 à 17 h 21 min #788980

Guy
Participant

Maître WordPress
14817 contributions

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

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

22 août 2011 à 9 h 43 min #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 ***/

22 août 2011 à 9 h 49 min #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….

22 août 2011 à 9 h 56 min #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.

22 août 2011 à 11 h 18 min #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…

22 août 2011 à 11 h 48 min #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;
}
```
26 janvier 2013 à 17 h 08 min #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
Auteur

Messages