#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    1
    Rep Power
    0

    Hover effect help needed


    Hi,

    I've modified a pre designed accordian menu and have one last issue I can't seem to overcome.

    see:
    jhf1.rlsnowdon.net/health-professionals/issues/postmenopausal-ht-sp-829
    When you hover over any of the sub-menus the top level active menu changes state. The problem is the background image changes but the text color doesn't. AS they are the same color the text becomes invisible. If you hover over the top-level item, the text color changes.

    Everything I've tried results in cascading changes that effectively break the formatting in some other way. Can anybody help in identifying exactly what element needs to be formatted to change the text to white for this action only?
  2. #2
  3. No Profile Picture
    Online Strategist
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2012
    Location
    Moratuwa, Sri Lanka
    Posts
    112
    Rep Power
    24
    As far as I can see it's the background color that changes not an image. Anyway it seems to match with your overall color pattern. What's color you need for the text when someone hover's over a sub menu ?
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    7
    Rep Power
    0
    I think it might be this: (You can add this to try in your CSS)

    Code:
    a.has_link span {
    color: #HEXCOLOR;
    }
    See if it fixes that.

    EDIT: HEXCOLOR needs to be replaced with your hover link color.

IMN logo majestic logo threadwatch logo seochat tools logo