WordPress.org

Forums

[closed] [Theme: Presswork] Help with menu background hover image (4 posts)

  1. postpurpose
    Member
    Posted 2 years ago #

    Hello,

    I have used the following code to create a menu class that shows a background image when the mouse hovers over the menu item.

    #nav .splat1 a:hover {
    background:url('http://postpurpose.com/user/pictures/smallsplat.png') no-repeat center;
    }

    It works, but the image loads top left then moves to center where I want it. Is there any way to make it load and stay at center?

    You can see it in action at postpurpose.com with the Presswork Theme.

    Thank you,
    Scott

  2. uuaide
    Member
    Posted 2 years ago #

    Try this

    #nav .splat1 a:hover {
    background:url('http://postpurpose.com/user/pictures/smallsplat.png') no-repeat 50% 50%;
    }
  3. postpurpose
    Member
    Posted 2 years ago #

    Thanks for your fast response, unfortunately that didn't work. The image still loads left then moves to center.

    Thank you,
    Scott White

  4. Andrew
    Nuh uh moderator
    Posted 2 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic