image dans le header

JaneJane Member
J'aimerais insérer une image dans mon header j'ai donc modifié style.css de mon thème de la façon suivante:
header {
overflow: hidden;
padding: 40px 0 40px 0;
background-color: #330033;
background-image: transparent ( url('data/images/images/chemin2.jpg')) no-repeat;
font-family: ChatypeB2.1BoldBold, arial, helvetica, sans-serif;
color: #c5b4a0;
text-shadow: 1px 1px 1px #000000;
}
mais cela ne donne aucun résultat :(

Réponses

  • StéphaneStéphane Member, Former PluXml Project Manager
    Bonjour Jane

    1) Place ton image dans le dossier du thème, par exemple dans le dossier img qui existe peut être déjà (sinon le créer)
    2) Edite le fichier style.css du theme

    Supprime ta ligne suivante
    background-image: transparent ( url('data/images/images/chemin2.jpg')) no-repeat;
    

    3) ajoute le code suivant
    body > header {
    	background: #330033 url('img/chemin2.jpg') no-repeat;
    }
    

    nb: le chemin pour accéder à l'image est relatif par rapport en l'emplacement du fichier style.css

    Consultant PluXml

    Ancien responsable du projet (2010 à 2018)

  • Merci ça fonctionne parfaitement! :)
    par contre peut-on en mettre deux de chaque côté du titre principal?
  • Bien sûr, mais dans ce cas, il faut que tu modifies la structure html et css de ton header. :)
Connectez-vous ou Inscrivez-vous pour répondre.