3 Replies - 587 Views - Last Post: 03 April 2013 - 04:49 PM

#1 dreamincodehamza  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: -12
  • View blog
  • Posts: 330
  • Joined: 12-September 08

minor css menu issue

Posted 03 April 2013 - 01:56 PM

Here is my testing menu url: http://tinyurl.com/bo3tet9

when we hover on submenu what i need to do is:
1) all submenu text should be white color #FFF.
2) parent text should be white when submenu is active.

n that's it.:)

Is This A Good Question/Topic? 0
  • +

Replies To: minor css menu issue

#2 Dormilich  Icon User is online

  • 痛覚残留
  • member icon

Reputation: 3490
  • View blog
  • Posts: 10,058
  • Joined: 08-June 10

Re: minor css menu issue

Posted 03 April 2013 - 02:57 PM

Im not sure whether this is possible with CSS alone.
Was This Post Helpful? 0
  • +
  • -

#3 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3243
  • View blog
  • Posts: 10,882
  • Joined: 12-December 12

Re: minor css menu issue

Posted 03 April 2013 - 04:30 PM

I don't think this is possible with just css either; in particular, css does not have a parent selector (intentionally so).

However, as the LIs ONLY appear when hovering over the main menu item, why not set their text-color as white :) (Doh!)
Was This Post Helpful? 0
  • +
  • -

#4 andrewsw  Icon User is offline

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3243
  • View blog
  • Posts: 10,882
  • Joined: 12-December 12

Re: minor css menu issue

Posted 03 April 2013 - 04:49 PM

It is also possible to keep the main list-headings white when hovering within the submenus. However, it would require restructuring: each main menu-item would be the first LI within separate ULs:

        ul:hover li:first-child {
            color: white;
        }

The idea is that, when hovering over LIs, you are still hovering over its containing UL. However, this will entail a complete re-write of your superfish menu. Googling may discover an example that you could adapt.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1