WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. postpurpose
    Member
    Posted 1 year 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. hoosoft
    Member
    Posted 1 year ago #

    Try this

    #nav .splat1 a:hover {
    background:url('http://postpurpose.com/user/pictures/smallsplat.png') no-repeat 50% 50%;
    }
  3. postpurpose
    Member
    Posted 1 year 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 Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.

About this Topic