newslite : Modification logo header pour qu’il prenne toute la largeur (Créer un compte)

  • WordPress :4.9.4
  • Statut : non résolu
  • Ce sujet contient 3 réponses, 2 participants et a été mis à jour pour la dernière fois par PhiLyon, le il y a 2 années.
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2163246
    panteror
    Participant
    Initié WordPress
    3 contributions

    Bonjour,

    Ma configuration WP actuelle

    Problème(s) rencontré(s) : Modifier logo header

    Bonjour,

    J’aurai besoin d’un coup de main pour modifier le header de mon thème newslite. Je voudrais que mon logo prenne toute la largeur du site et soit collé au menu quand je l’affiche sur pc en haute résolution.

    J’ai mis en pièces jointes en aperçu ce que je souhaiterai. Si quelqu’un peut me donner un coup de main sur les css ou autres à modifier. J’ai essayé des bidouilles avec le menu developpeur de chrome mais sans succès.

    Merci d’avance.

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

    Bonjour.

    Dans Apparence/Personnaliser/CSS additionnel colles ce code en mettant l’url de ton image

    .site-header {
        background: url(http://localhost/wp-content/uploads/2017/12/IS249-046-e1529130890155.jpg);
        max-width:1170px;
    	width: 100%;
    	height:auto;
    	background-size: 100% auto !important;
    }

    🙂

    #2163378
    panteror
    Participant
    Initié WordPress
    3 contributions

    Merci pour ton aide, alors avec ton code exacte, la hauteur est pas entière. cf pj1

    J’ai essayer de changer le height: par 240 qui est la hauteur de ma bannière, ça s’affiche bien, le problème c’est en responsive, ça me complète le vide en répétant la bannière. cp pj2

    Si je mets un “background-repeat: no-repeat; ” j’ai un gros espace vide normal cf pj3 alors j’ai mis un contain dans background size mais est ce que je peux mieux m’en sortir que ma bidouille ?

    Je peux créer plusieurs taille de bannières pour le responsive mais comment adapter ce css aditionnel ?

    Merci pour ton aide.

     

    Voici le code actuel que j’ai à partir du tien

    .site-header {
    background: url(../wp-content/uploads/2018/06/DOWFrance_Banner-10.png);
    background-repeat: no-repeat;
    max-width:1170px;
    width: 100%;
    height: 240px;
    background-size: 100% auto contain !important;
    }

    • Cette réponse a été modifiée le il y a 2 années par panteror.
    • Cette réponse a été modifiée le il y a 2 années par panteror.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2163487
    PhiLyon
    Modérateur
    Maître WordPress
    25932 contributions

    Essaies comme ça

    .site-header {
    background: url(http://dowfrancif.cluster020.hosting.ovh.net/wp-content/uploads/2018/06/DOWFrance_Banner-10.png);
    background-repeat: no-repeat;
    max-width:1170px;
    width: 100%;
    height: 240px;
    background-size: 100% auto !important;
    	background-size:cover;
    }

    🙂

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