Support » Plugin: Menu Image, Icons made easy » About hover image

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi, I already answered for same question, see: http://wordpress.org/support/topic/active-menu-effect#post-4897015

    I think this feature need to be configurable from administration interface and in new version I try to do this.

    Thread Starter Accessdenied

    (@accessdenied)

    Thanks man, it’s working fine!
    You’re wizard. )

    Thread Starter Accessdenied

    (@accessdenied)

    Another question about this.
    I just now noticed that if mouse is over the menu section, then picture of menu is normal, but when I click on it and it stays changed like it should be, it becomes with small contour.
    any ideas how to fix this issue?

    .nav-menu a:focus {
        outline: none;
    }
    Thread Starter Accessdenied

    (@accessdenied)

    Hmm, not working.. Perhaps I should change “nav-menu” to something else..? Because I also didn’t see such class like nav-menu..
    I have main-navigation in css.. but if U change to it, then it’s also not working.
    I have spacious theme.

    Thread Starter Accessdenied

    (@accessdenied)

    Maybe it’s because of picture under the hover image.. Icons are in .png format and this effect could be cuz of dark inactive icons? Because if I change here:

    .menu-item.current-menu-item a.menu-image-hovered .menu-image-hover-wrapper img.hovered-image {
    	opacity: 1;
    }

    opacity to 0.1, then I actually see picture under, which is dark… and then I hover mouse, then its very light. So isn’t it possible not to show icon under the active icon?

    Thread Starter Accessdenied

    (@accessdenied)

    something wrong with css, save your page as html and post anywhere or send to me as archive (sanya.davyskiba@gmail.com)

    Thread Starter Accessdenied

    (@accessdenied)

    Check your email. =)

    oh, now i see the problem, just add this css code

    .menu-item.current-menu-item a.menu-image-hovered .menu-image-hover-wrapper img.menu-image {
        opacity: 0;
    }

    when you set “opacity: 1” to hover image when menu item is active, you need to set “opacity: 0” to main image.

    Thread Starter Accessdenied

    (@accessdenied)

    Thanks, man! Now all is ok.
    Interesting, why didn’t I have such code in your plugin css? Besauce U didn’t make modifications to your css.. )
    Btw great plugin support.

    why didn’t I have such code in your plugin css?

    Cause I don’t think that is a good idea, better I add it to faq. I also added this to my personal list of features, and when the time comes I will post a vote for feature.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘About hover image’ is closed to new replies.