Centrage menus et sous-menus

  • WordPress :5.0.3
  • Statut : non résolu
12 sujets de 1 à 12 (sur un total de 12)
  • Auteur
    Messages
  • #2248119
    pnard25
    Participant
    Initié WordPress
    24 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : Head Blog
    • Extensions en place : Akismet, Child Theme Configurator, Classic Editor, Hello Dolly, MetaSlider, SlideShow CK, Smush, Widgets Options, WP Fastest Cache, Yoast SEO
    • Nom de l’hébergeur : Hosteur
    • Adresse du site : musiquesasainthipp.fr

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

    Bonjour,

    Oups, je pensais avoir posté une question hier soir mais comme je ne la vois pas apparaître je recommence

    Après avoir réglé un problème d’opacité avec l’aide précieuse de Philyon, je continue la mise en forme de notre site et se pose maintenant la question du centrage des sous-menus (centrage du bloc sous-menu par rapport à la partie concernée du menu et centrage du texte de sous-menu dans le bloc d’écriture de celui-ci)

    Question = existe t-il une extension qui permette de gérer ce type de sujet ? j’en ai trouvé une qui fait ça pour les widgets de la barre latérale, mais je ne trouve pas l’équivalent pour les menus et sous-menus…

    Si non, pouvez-vous m’aider pour un ou des codes css à valider pour obtenir ce résultat ?

    Merci de votre aide sur ce sujet et bonne journée

    Pierre

    #2248129
    PhiLyon
    Modérateur
    Maître WordPress
    23582 contributions

    Bonjour.

    Je ne vois pas de sous-menus sur ton site ?

    🙂

    #2248131
    pnard25
    Participant
    Initié WordPress
    24 contributions

    Re-bonjour,

    Pour l’instant il n’y en a qu’un en dessous de “Programme 2019” = c’est là où je mettrai le programme au jour le jour.

    J’appelle ça “sous-menu” mais peut-être que cela n’est pas la bonne expression ?

    Merci par avance pour ton aide

    Pierre

    #2248132
    PhiLyon
    Modérateur
    Maître WordPress
    23582 contributions

    Ce n’est pas un sous-menu, c’est un attribut de titre, regardes ce tuto https://wpmarmite.com/menu-wordpress/

    🙂

    #2248133
    pnard25
    Participant
    Initié WordPress
    24 contributions

    Merci pour la précision, mon auto-formation continue et je vois que j’ai encore beaucoup à apprendre !

    Je vais aller voir le tutoriel recommandé…

    Pierre

    #2248323
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Bonjour

    Si tu parle du sous menu en dessous de programme 2019 avec dedans 16 juillet, 17 juillet etc et que tu veux centré ces dates il faut déjà voir si ce n’est pas possible dans les paramètres de ton thème ou alors rajouter dans ton CSS personalisé

    .dropdown-menu {
        text-align: center;
    }

     

    #2248339
    pnard25
    Participant
    Initié WordPress
    24 contributions

    Bonjour et merci ouiouiphoto pour ta réponse,

    Je n’ai pas trouvé le réglage dans mon thème (mais comme je suis loin de tout maitrisé j’ai peut-être loupé quelque chose !)

    En tout cas la petite ligne de code que tu m’as transmis marche super bien…

    Encore merci

    Pierre

    #2248340
    pnard25
    Participant
    Initié WordPress
    24 contributions

    Oups, j’ai envoyé trop rapidement ! pourrais-tu me dire si il est possible de centrer l’ensemble du bloc contenant toutes les dates sur la zone du menu principal “Programme 2019” ? Axtuellement ce bloc s’affiche à gauche…

    Merci d’avance

    Pierre

    #2248373
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Tout est possible 😉

     

    .dropdown-menu {
        text-align: center;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    #2248378
    pnard25
    Participant
    Initié WordPress
    24 contributions

    Bonsoir et merci, c’est super efficace !

    Pierre

    #2248411
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Beaucoup de choses peuvent être faites avec le CSS. Si le sujet l’intéresse ma référence c’est https://www.w3schools.com/css/  ensuite avec Chrome par exemple tu peux “inspecter le coe” et faire en temps reel des modifs sur le CSS et voir le résultat

    #2248523
    pnard25
    Participant
    Initié WordPress
    24 contributions

    Bonjour et merci pour ces indications,

    Oui cela m’intéresse d’aller plus loin dans la connaissance de CSS et autres sujets qui tournent autour de ça (HTML..) et je vais donc aller consulter le site mentionné dans ton dernier message.

    Pierre

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