AdelineMartin (Créer un compte)

Merci beaucoup, ça fonctionne ! 🙂

Bonsoir,

Merci mille fois, cette solution a fonctionné !
J’ai simplement changé la couleur d’arrière plan dans « couleur et arrière-plan ». Effectivement, avec une image d’arrière-plan je n’avais pas du tout pensé à faire ça. Je n’en reviens pas, cela fait des semaines que je cherche une solution à ce problème et c’était tout simplement ça…

Merci !

Oui cela fonctionnait avec un thème par défaut.
Je n’avais pas le fond sombre de mon site mais le texte s’affichait en noir sur fond blanc donc était visible.

Bonjour,

Merci pour votre réponse, je vais regarder.

Concernant mes tentatives, j’ai listé dans mon post initial tout ce que j’ai essayé !
Les tentatives mentionnées ensuite ont été faites suite aux commentaires des participants et pas avant…

Bonjour, merci pour votre réponse, je viens de tester et cela  n’a pas fonctionné.

Merci beaucoup @PhiLyon pour la réponse !
Je suis un peu paumée en php mais ça serait vraiment top si cette solution fonctionnait !
J’ai copié le code tel quel dans le fichier functions.php et j’ai retenté mon html comme ça :

[shortcode particules]

[shortcode parallaxe]
[/shortcode parallaxe]

[/shortcode particules]

Pour l’instant cela ne fonctionne pas. J’imagine que c’est normal et que je dois adapter le code php fourni dans le lien en remplaçant les « my_text » et « my_link » par les noms de mes shortcodes ?
J’ai tenté deux trois remplacements mais cela créait des erreurs critiques dons j’ai sagement annulé pour l’instant ^_^

Merci.

Dans mon thème précédent, elle était dissociée et je pouvais la placer ailleurs mais effectivement ça n’a pas l’air possible ici.
Je vais voir s’il y a d’autres solutions pour afficher du texte sur une page catégorie.

J’ai finalement passé la journée dessus mais tout marche enfin à merveille !

J’ai découvert la propriété CSS « div:not » qui permet d’exclure des éléments pour qu’ils ne subissent pas l’effet appliqué. J’ai aussi bidouillé les padding et toute l’image affiche maintenant le titre au survol.

Merci encore @ferman !

Si jamais d’autres passent par là, voici le nouveau code :

.layout-grid .content > * {
  margin: 0 0 0px !important;
}

.post .content{
  padding: 0px;
  transition: transform 0.3s; /* Animation */
  margin: 0 auto;
  overflow: hidden !important;
  background-color: #474747;

}

.post:hover .content:hover div:not(.entry-title){
	opacity:0.3;
}

.post:hover .content:hover {
  transform: scale(1.2);
}

.article-content-col {
	overflow:hidden !important;
}

.blog-entry-title a, .entry-title a {
	width:auto;
	height:auto;
	opacity:0;
	position:absolute;
	color: #FFFFFF !important;
	text-align:center;
	bottom:30%;
	top:1%;
	left:10px;
	right:10px;
	padding-left:10%;
	padding-right:10%;
	padding-bottom:55%;
	padding-top:45%;
	overflow: visible !important;
	font-weight:bold;
	font-size:12px;
}

.entry-title a:hover {
	width:auto;
	height:auto;
	position:absolute;
	color: #FFFFFF !important;
	text-align:center;
	bottom:30%;
	top:1%;
	left:10px;
	right:10px;
	padding-left:10%;
	padding-right:10%;
	padding-top:45%;
	padding-bottom:55%;
	opacity: 1;
    text-decoration: none !important;
	overflow: visible !important;
	font-weight:bold;
	font-size:12px;
}