Colour-change by hovering

  • Resolved tom

    (@tomul)


    6 years, 11 months ago

    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

    (@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

    Thread Starter 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 6 years, 11 months ago by tom. Reason: wrong adressed
    • This reply was modified 6 years, 11 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);
}
    Thread Starter tom

    (@tomul)

    Wow! That works perfect on all views!

    Thanks a lot!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Colour-change by hovering’ is closed to new replies.