27191 sujets

CSS et mise en forme, CSS3

Bonjour
J'aimerais avoir sur toutes les pages de mon site, l'arrière-plan suivant tel que:
body {
background-image: url(https://5e97-e8af726b4e97.wptiger.fr/wp-content/themes/twentyseventeen/assets/images/header.jpg);
background-size:cover;
}
L'insertion en CSS additionnel ne fonctionne pas.
Quelle serait la solution svp?
Merci par avance.
La syntaxe CSS est correcte.
Mais l'adresse indiquée ne renvoie pas d'image. Essaie avec http au lieu de https.
Merci pour vos réponses.
Ni les guillemets ni le remplacement de https par https ne solutionnent.

Sur une feuille HTML test que j'ai sur mon bureau et qui fonctionne, que je mette les guillements ou non, et que je mette http ou https, cela fonctionne dans tous les cas.

Quelqu'un aurait-il une autre piste de recherche?
Modérateur
Salut,

Regarde dans l'inspecteur de code (F12) si jamais sur l'élément qui devrait avoir le background il n'y a pas une déclaration qui vient surcharger. Genre un plugin qui force le background.
L'inspecteur de code ça doit être un réflexe pour débuguer.
Modérateur
Boom spotted :

upload/1591577240-42161-capture.jpg

Le background blanc est appliqué avec un sélecteur de poids supérieur.

body.colors-custom > body

Soit tu fais :
body.colors-custom {
background-image: url(https://5e97-e8af726b4e97.wptiger.fr/wp-content/themes/twentyseventeen/assets/images/header.jpg);
background-size:cover;
}

Mais c'est pas très beau, la classe "colors-custom" doit etre là pour quelquechose...

Sinon tu prends un autre classe disponible sur le body :
<body class="home page-template-default page page-id-8 wp-embed-responsive twentyseventeen-front-page page-one-column colors-custom">


Mais le plus propre serait de virer cette color-custom si tu n'en a pas besoin. Tu as du customiser une couleur de fond dans les options non ?
Oui en effet, j'ai trouvé des balises de poids supérieur avec des background-colors implémentées qui annulaient la background-image que je voulais faire apparaître.
C'est résolu, merci à tous pour votre aide.
Smiley biggrin