Customisation Thème Flat avec éléments de Twenty Fourteen (Créer un compte)

  • Statut : non résolu
  • Ce sujet contient 1 réponse, 2 participants et a été mis à jour pour la dernière fois par Anonyme, le il y a 9 années et 6 mois.
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #541178
    jess_fr
    Membre
    Initié WordPress
    19 contributions

    Ma configuration WP actuelle
    – Version de WordPress : Version 3.9.2
    – Version de PHP/MySQL : 5.5.33
    – Thème utilisé : Flat
    – Extensions en place : Aucune
    – Nom de l’hebergeur : Local (MAMP)
    – Adresse du site : Aucune pour le moment, dév en local.

    Bonjour à tous!

    Je fais appèle à la communauté pour m’aider à comprendre une problématique sur laquelle je bloque depuis quelques jours, dont voici le détail :

    J’utilise actuellement le thème Flat que j’essaye de personnaliser.
    Aimant particulièrement le thème Twenty Fourteen, et surtout la gestion du Titre d’un post avec la miniature qui est juste au dessus. Plus précisément, c’est le fait que le Titre (Entry-Header) soit placé au dessus, de quelques pixels, de l’image titre (entry-thumbnail)

    En image, pour que ça soit plus clair :

    rLhK5w.png

    Voilà ce que donne le thème Twenty fourteen, et l’encadré du titre qui passe au dessus de l’image à la une.

    Et voici ce que j’ai réussi à faire déjà, juste mettre le background de l’image à la une :
    mNXVLr.png

    Et j’aimerai faire ça :
    PLMwhU.png

    J’ai beau bataillé avec le CSS du thème de Twenty Fourteen, mais impossible de retrouver ce qui gère ce point particulier.

    Voici ce que j’ai dores et déjà repris :

    .entry-thumbnail {
    background: #b2b2b2 url(../img/pattern-light.svg) repeat fixed;
    display: block;
    position: relative;
    width: 100%;
    z-index: 0;

    }


    .entry-thumbnail:hover {
    background-color: #999;
    opacity: 0.85;
    }



    .entry-header {
    position: relative;
    z-index: 1;
    }

    .entry-title {
    margin-bottom: 12px;
    margin: 0 0 12px 0;
    }

    .site-content .entry-header {
    background-color: #fff;
    padding: 0 10px 12px;
    }

    .site-content .has-post-thumbnail .entry-header {
    padding-top: 24px;
    }


    .entry-header {
    background-color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 96px;
    overflow: hidden;
    padding: 24px 10px;
    }

    Voici le CSS de Twenty Fourteen : http://dl.free.fr/mmFFBZDrc
    Et celui de Flat que j’ai customisé : http://dl.free.fr/kowyca6uF

    Si une âme charitable peut me filer un coup de main, ça serait ultra cool !

    Merci d’avance 😉

    Jess.

    #968141
    Anonyme
    Invité
    Maître WordPress
    34067 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

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