Support » Theme: Ef Practical » Colour-change by hovering

  • Resolved tom

    (@tomul)


    Hi,

    I really love this WordPress-Theme! Only one thing I’d like to change:

    When hovering over a picture, it turns sepia. Is it possible to turn this off or better: zooming in by hovering?

    Hope you’ll understand my english…

    Thanks in advance!

    tom

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • AddWeb Solution Pvt. Ltd.

    (@addweb-solution-pvt-ltd)

    Hello tomul,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

    .entry-thumbnail:hover > img {
      -webkit-filter: none;
      filter: none;
      transform: scale(1.2);
    }

    Hope this will helps you.

    Thanks.

    Theme Author Dimitrakopoulos

    (@effpandim)

    Hi tomul,

    Thank you for using Ef Practical.

    Use the solution that @addweb-solution-pvt-ltd suggested and also add the following css code.

    .entry-thumbnail {
        display: inline-block;
        overflow: hidden;
    }

    Regards

    tom

    (@tomul)

    Hi @addweb-solution-pvt-ltd and @effpandim !

    Thank you for your quick help! It works wonderful even with transform: scale(1.05) in Desktop-View. Mobile-View still is sepia, but that doesn’t bother me.

    Greetings from Erfurt!

    tom

    p.s. I’ll have to correct me: It even works with Mobile-View! Damned Cache… 😉

    • This reply was modified 3 months ago by  tom. Reason: wrong adressed
    • This reply was modified 3 months ago by  tom. Reason: added post scriptum
    Theme Author Dimitrakopoulos

    (@effpandim)

    I just checked your site and the hover image does not work well.
    Add exactly the following css code.

    .entry-thumbnail {
        display: inline-block;
        overflow: hidden;
    }
    
    .entry-thumbnail:hover > img {
      -webkit-filter: none;
      filter: none;
      transform: scale(1.2);
    }
    tom

    (@tomul)

    Wow! That works perfect on all views!

    Thanks a lot!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.