Modification format texte dans En-tête de mon blog

[Bernard Bercatal]

Bonjour,

Je voudrais pouvoir modifier la taille du texte de la description de mon blog dans la zone d'en-tête (dérivé du modèle Simple bold).

J'arrive à afficher le code par l'inspecteur, mais il ne me donne pas forcément l'accès à ce paramétrage et le code n'y est pas modifiable. 

Si j'accède à la modification du code du thème, je ne retrouve pas la portion de code approprié ("description.text.size").

Il semblerait aussi qu'on peut afficher simultanément une portion de code et l'objet concerné visuellement. Je ne connais la méthode pour cela.

Merci de votre aide éventuelle.

Bonnes vacances,

Cordialement

Bercatal

[Soraya Lambrechts [fr-BE]]

Salut,

description.text.size est une variable d'habillage de type "string" contenant un pourcentage. Elle n'a pas été prévue pour afficher un formulaire de réglage dans le concepteur de thème.

Pour modifier la taille de la description, il y a 2 possibilités :

1) Modifier la valeur directement dans la variable (dans le code XML du thème) :

<Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="140%"/>

2) Ou ajouter une nouvelle déclaration CSS dans le concepteur de thèmes :

► UI ► Thème ► Personnaliser ► Avancé ► Ajouter fichier CSS

Et dans la cellule tu ajoutes une déclaration de ce genre :

.Header .description { font-size: 200%; }

Best :)

[Bernard Bercatal]

Merci beaucoup pour votre réponse précise.

J'ai appliqué la 1ère méthode dans le code général du thème (ligne 132) et j'arrive sans problème à augmenter la taille de la description du blog.

C'est dommage que Blogger ne prévoit pas la possibilité de le faire dans la zone de mise en forme du thème (modif/couleur seule autorisée...).

Une question complémentaire : comment mettre en gras ce texte : je n'ai pas trouvé de variable "description.text.weight".

Encore merci de votre concours, mes connaissances en HTML et CSS étant encore très limitées. Même si j'ai le livre "HTML5 et CSS3" de Christophe Aubry : il y a peut-être mieux ou plus complet...

Cordialement,

Bercatal

[Forum Blogger Ambassade Francophone]

Sur le web, il y a des tonnes de sites spécialisés. Je recommande généralement https://www.w3schools.com (en anglais) et https://developer.mozilla.org/fr/ (multilingues) qui sont de très bonnes références des langages HTML/CSS/JS et qui sont régulièrement actualisés.

Blogger ne peut pas mettre ce critère dans le concepteur parce que le langage actuel ne permet pas d'inclure des pourcentages. Si la valeur originelle était en px, là, ça aurait été une toute autre histoire.

Dans une déclaration CSS, tu peux mettre plusieurs critères, comme par exemple, la taille, la couleur, la police, etc...

La syntaxe de base est toujours la même :

CIBLE {

  critère1 : valeur;

  critère2 : valeur;

  critère3 : valeur;

}

Concrètement, on peut faire ceci :

.Header .description {

  font-size: 200%;

  font-weight: bold;

  color: white;

  background-color: red;

  padding: 20px;

  border: 5px double green;

}

Ce qui donnera un texte de taille de 200%, en gras, de couleur blanche, sur un arrière-plan rouge, avec une double bordure verte et un espacement interne de 20px. C'est esthétiquement pas très beau, mais c'est à titre d'exemple. ;)

Donc, pour mettre la description à 200% et en gras, il suffit d'écrire :

.Header .description {

  font-size: 200%;

  font-weight: bold;

}

Best :)