how to make new custom size for image in hover

  • mavi veloso

    (@mavi-veloso)


    9 years, 3 months ago

    Hi
    sorry to be posing this question of size again, i see in other topics that this was the issue for some people
    and i tried using the advices given without success in this case i am in.
    🙁

    i’m trying to build a menu that when on hovering mouse over it images would appear as a stripe in front occupying 100% of width of screen

    as in this link:https://maviveloso.wordpress.com/2015/01/19/draftproject-for-menu/

    i tried some suggestions on changins css of the plugging, adding things to the function.php
    but had no success.

    could anybody give some light/help on this?

    thanks in advance
    it would be amazing
    🙂

    all the best
    mavi

    https://wordpress.org/plugins/menu-image/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter mavi veloso

    (@mavi-veloso)

    9 years, 2 months ago

    hi
    again asking help to achieve the issue up described…
    anybody has any idea?
    :/

    zviryatko

    (@zviryatko)

    9 years, 2 months ago

    Menu Image is unsuitable for that, you simple CSS code, add custom classes to each menu item and write css as example:

    #menu-id .each-menu-item {
  background-image: url('some/big/background/image.png) no-repeat 0 0;
}
#menu-id .second-menu-item {
  background-position: 0 100px;
}
#menu-id .third-menu-item {
  background-position: 0 200px;
}

    see tutorial http://www.wpexplorer.com/adding-images-wordpress-menu/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how to make new custom size for image in hover’ is closed to new replies.