- Statut : non résolu
- Ce sujet contient 6 réponses, 3 participants et a été mis à jour pour la dernière fois par
lilfairy, le il y a 8 années et 9 mois.
-
AuteurMessages
-
3 juin 2016 à 13 h 50 min #563183
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 4.5.2
– Version de PHP/MySQL :
– Thème utilisé : Twenty Fourteen
– Extensions en place : Slim JetPack
– Nom de l’hebergeur : D.S.I. de l’académie de Dijon
– Adresse du site : Les douze travaux des SixièmesProblème(s) rencontré(s) :
Je travaille actuellement sur un blog pour mettre en avant des travaux de collégiens basés sur le thème de la mythologie.
J’ai déjà pas mal modifié l’aspect du thème initial Twenty Fourteen grâce au plugin Design du Slim JetPack.
Le problème que je rencontre se situe au niveau du codage suivant :.content-area {
background-color: #ffffbb;
padding-top: 48px;
}Au départ, je souhaitais appliquer une transparence sur l’article seul (donc sur fond blanc) et lorsque je l’ai fait, je me suis aperçue que ça s’appliquait également sur le fond beige. Ce qui est très logique puisque le beige est ancré en background-color dans la balise ci-dessus.
Du coup, j’en viens à me demander s’il est possible de dissocier la partie « article/texte » de la partie « fond beige » dans le .css ? Afin de leur appliquer des effets totalement différents…Merci beaucoup si vous pouvez m’éclairer là-dessus :rolleyes:
4 juin 2016 à 9 h 52 min #1055887Bonjour,
Oui. Il suffit de trouver le bon sélecteur 🙂
Dans votre cas, appliquez la transparence voulue sur les class .entry-header et sur .entry-content
6 juin 2016 à 10 h 33 min #1055888Bonjour Flobogo,
Merci beaucoup de votre aide.
J’ai pu appliquer une transparence avec un effet hover sur l’article 👏Maintenant, pour la partie « fond beige », je voudrais insérer une image à la place. Là aussi, est-ce possible car j’ai essayé plusieurs sélecteurs et aucun résultat…
Encore merci.
6 juin 2016 à 18 h 04 min #1055889Cette fois, c’est la class .content-area
Pour l’instant, elle est en bacground-color beige (#ffb) mais on peut y mettre une image.Genre :
.content-area {
background: url(adresse-de-votre-image.png) repeat;
padding-top: 48px;
}Je ne suis pas 100% sûre de ce code.
Vous êtes sûr qu’il n’y a pas d’option du thème pour ça ?
8 juin 2016 à 9 h 16 min #1055890Bonjour Flobogo,
J’ai essayé plusieurs codes de ce type et rien n’y fait (pour l’instant…)
Je continue à faire des recherches aussi de mon côté.Pour les options de thème, il n’y a que les images d’en-tête et d’arrière-plan du blog directement personnalisables. Le blog étant soumis à un concours, l’académie est assez restrictive au niveau des modifications possibles 😕
8 juin 2016 à 10 h 03 min #1055891Bonjour,
J’ai rzajouté ce code avec firebug
.content-area {
background: rgba(0, 0, 0, 0) url(« http://www.saintcloudbasket.com/wp-content/themes/copyblogger/images/Basket.jpg ») repeat scroll 0 0;
}et cela affiche bien l’image à la place du fond beige
12 juin 2016 à 11 h 37 min #1055892Bonjour,
Aaaah Super ferryd, ça marche nickel ! MERCI encore à vous 2 :happy:
✅
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.