Make hover stay?

  • MrMatt


    Hi again Guys,

    Wondering if someone could help me find a way to make ‘the hover’ to stay after you have clicked at it.

    Take a look:



    Prasanna SP


    Enter the same values for onMouseover and onMouseout



    How do you mean? I have this CSS-code:

    /* Icon nav bar */

    #menu-item-900 {

    text-indent: -999999px;

    width: 80px;


    #menu-item-900 a:link {

    background: url(images/vitutantextlogo.png) center no-repeat !important;


    #menu-item-900 a:hover {

    background: url(images/svartutantextlogo.png) center no-repeat !important;


    Prasanna SP


    Read this –


    Try it yourself –

    In the above example, replace onmouseout="mouseOut() with onmouseout="mouseOver()

    You need to write some extra code to implement this in the Graphene theme



    I can’t figure it out how to implement it in the theme. Any suggestion?









    Still no answer, got to kill myself 🙁


    Kenneth John Odle


    I’m not quite sure what you mean when you say you want to make the hover stay? Could you possibly clarify or provide an example?



    This is actually my biggest problem. It’s very difficult to explain.

    I can start like this.

    1. Look at my webpage (easiest way if I refer do the actual problem)

    2. I want to make the button with the logo on being like the other buttons (a silver background) with black logo on (when you are on that page)

    3. When you aren’t on that page it shall just be white logo, with black background.

    I’ve used the code:

    Prasanna SP


    Oh! Man! It’s dead easy,

    Try this,

    #menu-item-900.current-menu-item a {
    background: url(images/svartutantextlogo.png) center no-repeat !important;



    I’ve tested that already and it is in my code. (look at the pastebin)

    What I want to do is following:

    The bottom pic is when Im visiting another page but hovering the “frontpage”. I want to make so that hover state stays there while showing the frontpage. Currently it is showing the top pic on current state.


    Kenneth John Odle


    Well, we’re getting closer, at any rate. I’m not sure, but try using whatever code you are using for your hover state for your other states.

    Prasanna SP


    2nd time edited reply:

    Try this again,

    #menu-item-900.current-menu-item a {
    background: url(images/svartutantextlogo.png) center no-repeat !important;

    You haven’t added a in your css for current-menu-item

    First time edited reply:

    My bad! I didn’t see the code carefully..



    It didnt make any difference, I got this guide from a guy.

    I dont actually understand it, would be great if someone helped me (from that guide) make the code so it solves my problem. So far, do I understand that it have to be with the code “current-menu”.

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.