Image Hover in section: features

  • Resolved spijkb

    (@spijkb)


    8 years ago

    This is about OnePress. I added image hover efect to CSS. This works on the most images. But not on the images i added to “section: features” in the frontpage. Any idea?

Viewing 6 replies - 1 through 6 (of 6 total)

  • Can you provide a link to your site please so I can inspect the homepage area?

    Thanks.

    Thread Starter spijkb

    (@spijkb)

    Thanks. It is: https://www.werkplaatsdedaad.nl

    The About section?

    You can add this to your Child Theme style.css file, or by using a Custom CSS plugin.

    .section-about .about-image:hover img {
    opacity: 0.7;
}

    You can improve your transition effects too by changing them to:

    -moz-transition: .1s ease;
-webkit-transition: .1s ease;
transition: .1s ease;

    They will ease in & out, instead of just in, like they’re doing now.

    Hope this helps.

    Thread Starter spijkb

    (@spijkb)

    Yes, it works better now. Thanks.
    But still, the orange squares in the homepage do not light up bij mouse hover.
    It are just jpeg/s. How come?

    Replace the earlier code I gave you with this:

    .section-about .about-image:hover img,
.section-content .feature-item:hover img,
.team-member .member-thumb:hover img {
    opacity: 0.7;
    -moz-transition: .1s ease;
    -webkit-transition: .1s ease;
    transition: .1s ease;
}

    Hope this helps.

    Thread Starter spijkb

    (@spijkb)

    Hi Sumo,
    You are amazing.
    t’ all set and done.
    Great.

    Bart

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Image Hover in section: features’ is closed to new replies.