WordPress.org

Forums

Hover Image in Twentyten #access menu (7 posts)

  1. Tara
    Member
    Posted 3 years ago #

    I have a png image I want to appear on hover/rollover in my menu on http://www.kbconceptspr.com/wordpress

    I have changed the css to include:

    #access li:hover > a,
    #access ul ul :hover > a {
    	background:url(wp-content/uploads/2012/08/puddle-roll.png) no-repeat;
    	background-position: center;
    	color: #669999;
    }
    #access ul li:hover > ul {
    	display: block;
    }

    However, the image is not showing up. The location of the image is http://www.kbconceptspr.com/wordpress/wp-content/uploads/2012/08/puddle-roll-e1345747906167.png, the image size is 75x41
    I would appreciate any suggestions on how to get this to work.
    Thanks!

  2. Michael
    Forum Moderator
    Posted 3 years ago #

    the file path is wrong - why don't you upload the background image to the images folder of the child theme?

  3. Tara
    Member
    Posted 3 years ago #

    Thanks! That did the trick!

  4. marjolein2012xx
    Member
    Posted 3 years ago #

    Hi there,

    I have have an same problem. I would like to appear on hover in my menu on http://http://www.mrs-jones.nl/clients/dtfinance/

    This is the menu css:

    [large amount of CSS code moderated - no need to post css when you post a link to your site - http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

    .The location of the image is http://www.mrs-jones.nl/clients/dtfinance/wp-content/uploads/2012/12/menuover.jpg

    Who can please help me out?
    Thanks alot!

    Marjolein

  5. marjolein2012xx
    Member
    Posted 3 years ago #

    I already solved it! By putting the background image into this css:

    }
    ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{
    color: #545454;
    background:url(http://www.mrs-jones.nl/clients/dtfinance/wp-content/uploads/2012/12/menuover.jpg) no-repeat;
    background-position: center;

    }

  6. Michael
    Forum Moderator
    Posted 3 years ago #

    @marjolein2012xx

    next time, please start your own topic;

    your problem is not the same is in the current topic;
    for instance you are using a different theme.

  7. marjolein2012xx
    Member
    Posted 3 years ago #

    Ok Sorry!

Topic Closed

This topic has been closed to new replies.

About this Topic