Need help with adding code to the CSS to get mouseover to work

  • Resolved Simon

    (@simonlg)


    13 years, 11 months ago

    Hi,

    I am new to WordPress and am only intermediate at best with website development.

    Anyway, I am trying to build a website. I am using Snow Summit theme and I have set up the side menu bar using the Custom Menu widget. The site is still in its early development but the page can be seen here – https://development.linearg.com/lbf/

    What I want to do is have the buttons in the left menu change colour when I move my mouse over them. I have spent ages trying to get the code right without much luck so I am hoping someone can tell me what I need to change to get it correct.

    Firstly, the CSS code for the left widget area has the following code:

    [css code moderated – a link to your site is enough.]

    But I can’t get it to work. Has anyone got any suggestions?

    Thanks

    Simon

Viewing 2 replies - 1 through 2 (of 2 total)

  • you need to edit this one I believe…

    .widget-area ul ul a:hover {
text-decoration: underline;
}

    with your css that you want

    Thread Starter Simon

    (@simonlg)

    Thanks for the reply.

    Unfortunately that didn’t work. When I added the code to the part of the CSS you suggested, the color-change worked when I mouseover the text, but I was wanting the whole area to change color.

    Now that I have thought about it (and slept – amazing how that can clear your thinking) I have realised that what i am trying to do is not what i want anyway. The Custom Menu widget only creates clickable text. I need the whole area to be clickable so I am going to look for a more suitable widget to do what I want.

    The fun continues…..

    simon

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Need help with adding code to the CSS to get mouseover to work’ is closed to new replies.