[Résolu] Logo du Header flou (Créer un compte)

  • WordPress :5.2
  • Statut : résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #2290665
    Robin Z
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : Inconnu
    • Thème utilisé : OnePress
    • Extensions en place : Aucune
    • Nom de l’hébergeur : Infomaniak (Suisse)
    • Adresse du site : orientationenligne.ch

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

    Bonjour,

    Je viens de débuter sur WordPress. J’ai voulu ajouter mon logo dans le header (logo bleu, orientation en ligne robin zufferey) mais il apparaît flou. J’ai d’abord téléchargé le logo en grande taille puis je l’ai réduit avec l’option qui est offerte par le site de réduire les dimensions de l’image mais il était flou. J’ai ensuite repris le logo de grande taille et je l’ai réduit sur Gimp aux dimensions conseillées par le thème (160×36 pixels) mais il est toujours flou. Finalement, je l’ai crée à la taille désirée sur canva.com et je l’ai mis sur le site mais il est toujours flou. Comment puis-je faire pour que le logo ne soit pas flou?

    Merci d’avance

    #2290696
    PhiLyon
    Modérateur
    Maître WordPress
    26283 contributions

    Bonjour.

    Importes seulement l’image de la flèche.

    Dans Apparence/Personnaliser/CSS additionnel colles ce code et essaies

    .site-logo-div {
        width: 150px;
        display: block;
        float: right;
    	margin-left: 5px
    }
    
    .site-branding .has-logo-img .site-description {
        text-align: right;
    }

    🙂

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2290764
    Robin Z
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Merci pour votre réponse rapide. C’est une bonne idée. Je l’ai fait. Cependant, l’affichage du logo n’est vraiment pas optimal sur un téléphone mobile car le titre le slogan et le logo se séparent car ils prennent trop de place. Est-il possible de modifier la taille de la police et la police du titre et du slogan du site?

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

    Mets la width à 40 px comme ci-dessous

    .site-logo-div {
        width: 40px;
        display: block;
        float: right;
        margin-left: 5px;
    }

    🙂

    #2290772
    Robin Z
    Participant
    Initié WordPress
    6 contributions

    Merci pour votre réponse. Cela marche effectivement. Maintenant, est-il possible pour moi de modifier la police du titre et du slogan? Ou dois-je acheter une version Premium?

    #2290773
    PhiLyon
    Modérateur
    Maître WordPress
    26283 contributions

    Mets la police de ton choix dans ce code

    .site-logo-div {
        width: 150px;
        display: block;
        float: right;
    	margin-left: 5px
    }
    
    .site-branding .has-logo-img .site-description {
        text-align: right;
    	font-family: "Times", Helvetica, Arial, sans-serif;
    }
    
    .site-branding .site-text-logo {
        font-family: "Times", Helvetica, Arial, sans-serif;
    }

    J’ai mis du Times

    🙂

    #2290788
    Robin Z
    Participant
    Initié WordPress
    6 contributions

    Merci encore pour tes réponses très rapides. Et comment puis-je faire pour modifier la police et la taille des titres de pages (ici “Qui suis-je?”)?

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

    C’est ce code

    .page-header .entry-title {font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;}

    Essaies de retrouver le code à modifier toi-même en regardant ce tuto https://developer.mozilla.org/fr/docs/Outils/Inspecteur

    🙂

    #2290793
    Robin Z
    Participant
    Initié WordPress
    6 contributions

    Parfait je vais regarder tout ça. Merci encore!

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