Aligner logo et titre du site

  • WordPress :5.0
  • Statut : non résolu
  • Ce sujet contient 16 réponses, 3 participants et a été mis à jour pour la dernière fois par julesdel, le il y a 11 mois.
15 sujets de 1 à 15 (sur un total de 17)
  • Auteur
    Messages
  • #2239724
    julesdel
    Participant
    Initié WordPress
    11 contributions

    Bonjour à tous,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : Twenty seventeen
    • Extensions en place :
    • Nom de l’hébergeur :
    • Adresse du site :

    Comme indiqué dans le titre, je souhaite aligner le logo avec le titre du site. Je n’ai pas trouvé de réponse à ma question dans les posts similaires donc je me permets d’en écrire un nouveau.

    Actuellement avec ce thème, j’ai le logo dans le coin gauche et le titre en dessous, je souhaiterais les placer sur une même ligne. J’ai compris que les modifications à apporter se font dans le fichier style.css Ci-dessous, le code avant mes retouches :

    .custom-logo-link {
    display: inline-block;
    padding-right: 1em;
    vertical-align: middle;
    }

    .custom-logo-link img {
    display: inline-block;
    max-height: 80px;
    }

    Voici mon code après :

    .custom-logo-link {
    display: inline !important;
    padding-right: 1em;
    vertical-align: middle;
    float: left;
    margin-right: 20px;
    }

    .custom-logo-link img {
    display: inline !important;
    max-height: 80px;
    float: left;
    }

    Le pourquoi de ces modifications : j’ai compris que le display: block faisait que le logo sous forme de block ne permettait pas l’insertion d’élément sur la même ligne, je l’ai donc modifié en inline. J’ai ajouté la marge de 20 px pour ne pas avoir mon titre collé au logo et le float pour assurer que cela marchera sur différents navigateurs. J’ai ensuite enregistré mes modifs et vider le cache de mon navigateur.

    Et pourtant, mon affichage n’a pas bougé !

    Des avis ? Des idées ?

    Merci !

    #2239730
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Bonjour

    Tu aurais une URL pour aller voir la chose ca serait plus facile a debugger. Car on pourra voir les styles actifs et pourquoi ca ne marche pas.  Ta modif peut par exemple être ignorée car il y a un autre style qui prend la main

    #2239732
    julesdel
    Participant
    Initié WordPress
    11 contributions

    Je travaille en local sur mon pc (j’utilise InstantWP pour cela) donc non désolé … Qu’entends tu par un autre style actif qui prend la main ? En théorie, les modifs te paraissent cohérente ?

    #2239737
    PhiLyon
    Modérateur
    Maître WordPress
    24108 contributions

    Bonjour.

    Tu as dû modifier quelque chose, d’origine le logo est à gauche du titre.

    🙂

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2239749
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    J’ai trouvé un site de test avec un logo. Donc le problème c’est que ton changement ne fera rien car c’est dans la div d’au dessus que tu dois dire que les deux sont alignés Il faut donc rajouter a la classe .wrap  un display : flex.

    #2239754
    PhiLyon
    Modérateur
    Maître WordPress
    24108 contributions

    Euh, j’ai posté un message, c’est pas mal de le lire également.

    🙂

    #2239756
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    @PhiLyon. Je n’ai pas cela dans le site test que j’ai trouvé avec ce thème. Donc il doit y avoir des options de positionnement de ce logo

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2239758
    PhiLyon
    Modérateur
    Maître WordPress
    24108 contributions

    Non, c’est le thème d’origine (dernière version) et j’ai inséré le logo dans “Identité du site”

    🙂

    #2239763
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    @Philyon. Je suis en train de regarder une vidéo qui montre aussi que le logo est au bon endroit comme dans ton exemple. C’est peut être donc simplement un problème de version.

    Au fait @julesdel si tu veux vraiment customizer ce thème il existe aussi des plugins pour cela comme https://wordpress.org/plugins/options-for-twenty-seventeen/

    #2239765
    PhiLyon
    Modérateur
    Maître WordPress
    24108 contributions

    Si l’on regardes sur smartphone, le logo est effectivement au-dessus.

    Tu n’as pas un écran de 8 pouces quand même 😆

    Tu n’aurais pas installé une extension pour mobile ?

    🙂

    #2239766
    ouiouiphoto
    Participant
    Maître WordPress
    1539 contributions

    Moi non. 27″ en (W)QHD  et j’attends qu’il pète pour passer au 32″ 4K 😉 et pas d’extension pour mobile

    #2239767
    PhiLyon
    Modérateur
    Maître WordPress
    24108 contributions

    Non, je parlais à @julesdel

    🙂

    #2239870
    julesdel
    Participant
    Initié WordPress
    11 contributions

    Bonjour,

    Merci ouiouphoto et PhiLyon pour vos réponses.

    Je ne comprends pas car je n’utilise pas d’extension de personnalisation de mon thème (et je n’en ai pas d’installée), pourtant mon emplacement de logo est différent de celui montré dans la pièce-jointe de PhiLyon.

    Vous auriez d’autres pistes ?

    #2239872
    PhiLyon
    Modérateur
    Maître WordPress
    24108 contributions

    Bonjour.

    Annules le code que tu as mis dans le CSS personnalisé et essaies.

    🙂

    #2239873
    julesdel
    Participant
    Initié WordPress
    11 contributions

    J’essaye quoi ? 🙂

     

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