Favimagehover

[julianito]

Bonjour à tous!

je viens d'installer le module FAVIMAGEHOVER et je m'aperçois que quand il est publié il y a un problème sur mes icones de menu, mais uniquement quand on est sur la page où il est chargé.

Je vous joins une copie d'écran. Merci d'avance.

[lomart]

Bonsoir,

Plutôt qu'une copie d'écran, l'url du site en ligne nous permettrait de trouver le conflit CSS

SI le site n'est pas en ligne, il faut trouver le problème avec l'inspecteur de code de votre navigateur

[julianito]

Mon site n'est pas en ligne. J'ai ouvert l'inspecteur mais je ne sais où regarder. Je vous joins 2 copie d'écran pour me guider svp, merci. Le problème reste le même sur cette page avec le module FAVPROMOT.

[lomart]

Des problèmes de conflit en hover ne se règlent pas sur des copies d'écrans.

[julianito]

Bonjour,

mon site est en ligne, pouvez vous svp jetter un oeil sur ce problème d'icones de menu qui se réduisent sur la page où est utilisé le module favpromot? Merci d'avance.

http://roalescaillot.com/index.php/news

[lomart]

Bonjour,

Pas évident, il y a une règle ::before qui n'est pas appliquée sur la page news
favimagehover utilise Mootools. En ce qui me concerne, je bannis toutes les extensions l'utilisant. Déjà pour le poids (230ko) et le risque de conflit

Votre besoin est très simple et doit pouvoir se résoudre sans extension supplémentaire

[julianito]

Donc, pas moyen de modifier et que ça reste propre? Vous me conseillez de changer d'extension? J'ai vraiment du mal à trouver qqch qui offre une présentation de ce type, c'est vraiment dommage.

[lomart]

Si vous vous débrouillez en HTML / CSS, c'est pas très dur à faire

Sinon, aidez-vous de UP : https://up.lomart.fr/demo/action-flexauto

 {up flexauto=6 | tablet=3 | mobile=2 | class=fg-gap}
  <!-- bloc 1 -->
  <div class="bd-grisClair bg-hover-rougeClair">
     <img src="image 1" style="margin:20px; border:#fff 1px solid">
     <div style="margin:20px;>bla bla ...</div>
     <div style="background-color:#F44;color:#fff";width:100%; padding:10px>
        <i class="fas fa-puzzle-piece" style="font-size: 18px;"></i>
        TITRE
      </div>
  </div>
  <!-- les autres blocs idem -->
{up /flexauto}

Ce code est brut et non testé, il faudra l'ajuster. C'est juste pour donner un exemple de départ
J'utilise UP pour sa grille flexbox et le changement de couleur au survol. mais toutes autres méthodes fait l'affaire

[julianito]

je n'ai malheureusement pas de connaissances pour me lancer dans cette solution, merci qd même.