Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 27, 2014 at 6:19 pm #309987
    Scott Beyer

    Hello, and thanks for the fantastic theme. I am a diehard fan!

    I am trying to add a CSS image hover effect to a page on my site. It utilizes Modernizr and moves an image on hover to reveal a caption underneath. You can see the effect working here, along with the code and some fairly simple CSS.

    [See Private Link 1]

    However, when I move this CSS into my Enfold child theme and insert the HTML into a WordPress page, the CSS is being over-ridden by Enfold styles and is not working correctly.

    [See Private Link 2]

    Can you point me to where I can (A) disable the default a img hover effects for Enfold; and (B) neutralize the theme CSS that is interfering with effect?

    Thank you!

    August 28, 2014 at 5:58 am #310227
    Josue

    Hi Scott!

    I don’t think it would be possible to exclude an element from Enfold styles and scripts without breaking the whole site, i’d suggest using an iframe.

    Also, have you checked the Image element? you can set a caption there that reveals on hover.

    Best regards,
    Josue

    August 28, 2014 at 2:53 pm #310434
    Scott Beyer

    Thanks for your reply, but I don’t think an iframe would be feasible in this case, as I need the content to be generated by a WordPress short code. And yes, I have used the Avia image element but I want to use something different here.

    The instances of img that I want to impact are wrapped in a div — I can certainly apply css to just those instances, that’s not a problem. I’m not going to effect the entire site. I’m just having trouble tracking down the applicable source css in Enfold.

    August 28, 2014 at 7:18 pm #310611
    Scott Beyer

    The issue is resolved. It was more about js than css. I found an article here about how to disable the image hover effect from the avia.js file, and that solved the problem for me.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Problem with added image hover effect’ is closed to new replies.