Problème pour dissocier fond et article sous Twenty Fourteen (Créer un compte)

  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #563183
    lilfairy
    Membre
    Initié WordPress
    4 contributions

    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èmes

    Problè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:

    #1055887
    Flobogo
    Modérateur
    Maître WordPress
    20787 contributions

    Bonjour,

    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

    #1055888
    lilfairy
    Membre
    Initié WordPress
    4 contributions

    Bonjour 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.

    #1055889
    Flobogo
    Modérateur
    Maître WordPress
    20787 contributions

    Cette 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 ?

    #1055890
    lilfairy
    Membre
    Initié WordPress
    4 contributions

    Bonjour 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 😕

    #1055891
    ferryd
    Participant
    Chevalier WordPress
    297 contributions

    Bonjour,

    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

    #1055892
    lilfairy
    Membre
    Initié WordPress
    4 contributions

    Bonjour,

    Aaaah Super ferryd, ça marche nickel ! MERCI encore à vous 2 :happy:

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