image dans le header

JaneJane Member
dans Entraide
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 et développeur de PluXml (2010 à 2018)

  • JaneJane Member
    Merci ça fonctionne parfaitement! :)
    par contre peut-on en mettre deux de chaque côté du titre principal?
  • k610ik610i Member
    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.