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 :

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 :

Et j’aimerai faire ça :

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.