Ajout nouvelle zone widget theme : problème CSS

Suite à la migration du forum, chaque utilisateur devra lancer une procédure de réinitialisation du mot de passe pour pouvoir se connecter. Merci !

  • WordPress :4.7
  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #1643313

    Milla
    Participant
    Initié WordPress
    23 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 5.5.52
    • Thème utilisé : Eighty days (enfant)
    • Extensions en place :
    • Nom de l’hébergeur : sHost
    • Adresse du site : http://www.lagalerie-blog.fr/

    Problème(s) rencontré(s) : Je viens d’ajouter une nouvelle de widget dans mon thème, jusque là pas de problème ou presque. (procédure prise ici )

    J’i utilisé le widget « menu personnalisé » pour cette zone, sauf que ce widget présente des listes sous forme de … listes donc.

    Je souhaite modifier le CSS pour que le menu ressemble à un menu normal, et que mes icônes se mettent en ligne, comment dois-je faire ?

    Voici le CSS que j’ai utilisé, mais comme je suis une quiche en code, j’ai du me trompée quelque part :

    .nwa-widget li {
        display: inline-block;
        padding: 0 15px;
        position: relative;
     list-style: none;
    }

     

    Merci d’avance pour votre aide !

    • Ce sujet a été modifié le il y a 1 mois et 4 semaines par  Milla.
    #1643317

    PhiLyon
    Modérateur
    Maître WordPress
    15039 contributions

    Bonsoir.

    Sur quelle page est ce menu sur ton site ?

    🙂

    #1643585

    Milla
    Participant
    Initié WordPress
    23 contributions

    Bonjour,

     

    Eh bien en fait il est sur la page d’accueil, et j’ai résolu mon problème: en fait mon css n’était pris en compte que plusieurs heures plus tard …

    –> Le menu dont je parle est celui situé sous les articles mis en avant, avec des icônes pour chaque catégories.(voir image jointe)

    Par contre j’ai quelques autres petits problèmes :

    1-  je trouve que le :hover a un effet un peu bizare sur mes images, est-ce possible de l’améliorer ?

    2- Mes images sont trop grandes, résultat ma note Google page speed Insight a plongé : donc je vais les réduire. Est-ce le fait de les refaire avec un logiciel vectoriel changera quelques chose ? quel est le meilleur format ? jpeg ou png ?

    Comment puis-je faire pour que ce menu ne s’affiche pas sur les mobiles ?

    • Cette réponse a été modifiée le il y a 1 mois et 3 semaines par  Milla.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1643594

    PhiLyon
    Modérateur
    Maître WordPress
    15039 contributions

    Bonjour.

    Pour tes images il existe des plugins qui font le job, celui-ci par exemple https://fr.wordpress.org/plugins/ewww-image-optimizer/

    Pour le hover modifies l’opacité

    🙂

     

     

    #1643598

    Milla
    Participant
    Initié WordPress
    23 contributions

    Merci pour ta réponse.

    C’est peut-être l’opacité effectivement qui est trop faible, je vais vérifier cela.

    Pour le plugin je crois que je l’ai en plus ! Mais je préfère modifier l’image d’origine et revoir peut être mon processus de création (utiliser Inscape (vectoriel) plutôt que Photoshop peut-être) car j’en ai d’autres à créer. Autant qu’elles soient bonnes du premier coup 🙂

     

    Et pour mon dernier point tu n’a pas d’idée ?

    –> « Comment puis-je faire pour que ce menu ne s’affiche pas sur les mobiles ? »

     

    #1643608

    PhiLyon
    Modérateur
    Maître WordPress
    15039 contributions

    Essaies de coller ce code dans le CSS personnalisé

    @media (max-width: 767px) {
      .visible-xs-block {
        display: block !important;
      }
      .nwa-header-widget {
        display: none;
    }
    }

    Modifies le max-width au besoin

    La première classe visible-xs-block n’est pas utile, j’ai simplement oublié de l’ôter

    🙂

    #1643614

    Milla
    Participant
    Initié WordPress
    23 contributions

    Ok merci je vais tenter sa.

    J’espère que WordPress charge le CSS avant les images sinon le site sera ralenti de la même manière. (mais au moins les icones ne gêneront pas la navigation)

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