Augmenter la taille du menu horizontal

[Joseph CONTRONI]

Bonjour,

J'ai réalisé un blog avant d'entamer un voyage au long cours prévu prochainement.

https://nousdeuxenbalade.blogspot.com/

Je cherche à légèrement réduire la barre noire du haut et à augmenter la police du menu principal.

Merci aux PRO qui me donneront un coup de main.
Cordialement

[Luc Fayard]

Bonsoir,

Tous les petits ajustements de mise en page se font à l'aide de l''outil "Inspecter" (clic droit) de Chrome qui affiche les div, class et id correspondant à chaque bloc du blog.

Une fois que tu les a repérées, tu peux faire des modifs en direct dans l'inspecteur pour visualiser l'effet et quand c'est OK tu recopies le code CSS en le mettant dans le menu d'édition de ton blog Thème/Personnaliser/Avancé/Ajouter le fichier CSS (tout en bas de la liste qui s'affiche)

Bon courage

LF

--
La Communauté ne peut vivre qu'à travers ses membres ! C'est vous qui construisez cet espace à votre image. Comment faire ? :
 
• Poser des questions : votre question n'a pas encore été abordée ? Lancez un nouveau sujet dans le forum et attendez qu'un membre vienne vous aider.
• Aider les autres : un sujet n'a pas encore de réponse et vous avez la solution ? Proposez-la et peut-être qu'elle conviendra !
• Remercier : un membre donne la bonne réponse à votre question ? Remerciez-le et notez-la comme "meilleure réponse"
• Participer : une Communauté doit être vivante. N'hésitez pas à prendre part aux discussions en cours pour apporter un point de vue nouveau sur un sujet.
---
Vous recevez ce message, car vous êtes abonné au groupe Google Groupes "Forum Blogger Ambassade Francophone".
Pour vous désabonner de ce groupe et ne plus recevoir d'e-mails le concernant, envoyez un e-mail à l'adresse blogger-fr+...@googlegroups.com.
Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/8b729ffc-2579-4c70-a7cb-8618f8f55d65n%40googlegroups.com.

[Joseph CONTRONI]

Bonjour Luc,

Bon faire le clic droit sur chrome, cela affiche 'inspecter'. Je présume que je recherche le titre du blog. Mais ensuite je bloque où modifier ' div, class et id' de chaque bloc.

J'ai cherché ' widget d'en-tête '  (là où figure le titre 'Kokopelli en balade') mais cela ne donne rien ...

Peut-être un complément d'aide s'il te plait.

Merci beaucoup

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/CANdhYHKbwaQ9mYx5M%3DWLLoTSMb9ecRTZZSk_aZoR8F1kEanasg%40mail.gmail.com.

[Luc Fayard]

faire un clic droit pas n'importe ou mais sur l'élément que vous voulez modifier; à droite dans l'inspecteur s'affiche alors deux colonnes : une avec l'onglet Eléments qui grise la div concernée ; si vous n'êtes pas sûr, recliquez à gauche sur l'élément et regardez à droite, ca grise tout de suite la div concernée; et l'autre colonne a vecl'onglet Styles  qui vous permet de jouer en direct dans les parametres CSS sur les modifs de margin et de padding et de voir le résultat à gauche

Luc Fayard

Journaliste honoraire, poète, éditeur

Directeur Amavero art et poésie

poèmes, association, maison d'édition,
livres, charte, adhésion, galerie, poésie et art

+33 6 12 98 22 86

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/CAPxns0zcJiwx_qJH-CcSt3UA%2BD6vyH-NZvm1ty8sH-feWkuV6g%40mail.gmail.com.

[Luc Fayard]

dans votre cas la barre noire c'est .flex-slideinfo et il suffit de jouer sur son padding mais attention au texte alors ! il faudra le calibrer vous-même si vous ne voulez pas qu'il déborde

Luc Fayard

Journaliste honoraire, poète, éditeur

Directeur Amavero art et poésie

poèmes, association, maison d'édition,
livres, charte, adhésion, galerie, poésie et art

+33 6 12 98 22 86

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/CAPxns0zcJiwx_qJH-CcSt3UA%2BD6vyH-NZvm1ty8sH-feWkuV6g%40mail.gmail.com.

[Joseph CONTRONI]

1 - j'ouvre mon blog : https://nousdeuxenbalade.blogspot.com

2 - je fais un clic droit et sélectionne 'inspecter'

3 - je pointe la souris sur le titre 'Kokopelli aux Amériques' en suivant ton conseil ' mais sur l'élément que vous voulez modifier'

4 - Je vois bien à droite 2 colonnes, l'une appelée 'élément' (mis en surlignage jaune)

5 - je ne vois pas dans l'onglet Eléments  la div concernée grisée.

Avant d'aller plus loin, peut-être ai-je raté quelque chose ?

Merci de ton temps et... patience

Cordialement

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/CANdhYHJm1dkfiAv8euJZ_k%2B2pYueTg5rnpu5%2BDQKOYeYqvOhaw%40mail.gmail.com.

[Joseph CONTRONI]

oubli de glisser copie écran...

[Luc Fayard]

je n'avais pas bien compris qu'il s'agissait de la bannière du titre; il faut pointer la souris dessus AVANT le clic droit et ainsi l'inspecteur arrive directement sur la div concernée

le pb de Blogger c'est qu'il empile les div les unes au-dessus des autres et dans votre cas il semble qu'il y en ait beaucoup; il faut donc cherche laquelle est la bonne et une fois trouvée jouer sur les margin et les padding

l'autre pb que tu auras c'est que ton body est un bloc au milieu de ta page; si tu joues sur les margin et les padding du haut de ce bloc, ça va le décaler par rapport au reste

tu peux déjà mettre une marge négative de type -50px au margin-top de .body-wrapper, ça te remontera tout (vérifie le résultat sur smartphone quand même)

mais ensuite faudra chercher ou et comment réduire le noir sous le titre !... là je te laisse faire !

Luc

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/CAPxns0y_a%2Bksna7CJJ9_84ifBkVy5SyfOSjah%3D%2BFkYVPHUyASg%40mail.gmail.com.

[Joseph CONTRONI]

Je pense que je ne vais pas aller plus loin dans les "tentatives" de modification..... 

J'ai trop peur de faire des dégâts et de tout perdre. Tant pis donc je vais rester avec une barre de titre large et une barre de menu petite.

Je te remercie beaucoup de ton temps. Comme on dit 'chacun son métier'.

Au plaisir d'échanger pour un sujet plus simple

Cordialement

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/CANdhYHJCn2ZOmvcd8kcQuBdg1GF1Jq%3DbK1k0fDJsK4Zym9Vp3w%40mail.gmail.com.

[Luc Fayard]

Avec plaisir!

Mais je pense que faire une margin-top de -50px sur le .body-wrapper est faisable sans dégât collatéral 

Luc

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/CAPxns0wUS%2BecFrzcMeBFzvxTM52jpRDfMdOwoTrLk8RNHerjwg%40mail.gmail.com.

[Joseph CONTRONI]

On a parfois peur devant l'inconnu comme devant la méconnaissance...

Bonne après-midi et encore merci de ton temps.

Pour afficher cette discussion, accédez à https://groups.google.com/d/msgid/blogger-fr/CANdhYHLNZmtQWksvYZgDmser%3D0vy3ibrktJODoDj%2B7k2nKWbaw%40mail.gmail.com.