Portfolio Elementor : comment inverser l'effet de survol ?

WordPress :6.2
Statut : résolu

Ce sujet contient 2 réponses, 2 participants et a été mis à jour pour la dernière fois par Birdy069, le il y a 3 mois et 3 semaines.

3 sujets de 1 à 3 (sur un total de 3)

Auteur

Messages
1 juin 2023 à 10 h 30 min #2455408
Birdy069
Participant

Initié WordPress
3 contributions
Bonjour,

Ma configuration WP actuelle
- Version de PHP/MySQL : 8.2
- Thème utilisé : Ocean WP
- Extensions en place : Elementor, Elementor pro, Ocean extra, Mailpoet, WP Google maps, WP Supercache, Quform, Redirection, All in One SEO Pack, FileBird Pro, Colored Admin Post List, PDF viewer for WordPress, Wordfence Security
- Nom de l’hébergeur : Infomaniak
- Adresse du site : https://ardenne-et-gaume.be
Problème(s) rencontré(s) : quand on utilise le portfolio, comment faire pour inverser l’effet de survol ? C’est-à-dire voir le titre et le fond coloré (avec un gradient) par défaut et quand on survole le curseur sur l’image, ils disparaissent et l’image apparaît seule.

Merci pour toute proposition de solution !
- Ce sujet a été modifié le il y a 3 mois et 3 semaines par Birdy069.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
1 juin 2023 à 18 h 04 min #2455451
Rock4Temps
Participant

Maître WordPress
818 contributions
Bonjour,

A partir du back office menu Apparence/Personnaliser/CSS Additionnel
entrez le code suivant:
```
body.page .elementor-portfolio-item__overlay {
    opacity: 1;
}

body.page .elementor-portfolio-item__overlay:hover {
    opacity: 0;
}
```
1 juin 2023 à 18 h 07 min #2455452

Birdy069
Participant

Initié WordPress
3 contributions

Merci beaucoup, c’est parfait !

Bonne soirée !
Auteur

Messages