Changing drop-down heading colors?

[ChristineShirey]

My drop-down headings (hotspot text) appear to be picking up the link and hover colors from a:link and a:hover (but not a:visited?). Is there a way for me to change the drop-down heading colors without changing all the other links in the project?

Thanks,
Christine

[LTinker68]

You can, but you have to manually modify the stylesheet. I don't use drop-down effects, but the examples below show how to do it with a toggler. The principle is the same -- you'd just change toggler for dropDownHotspot or whatever that tag is.

Code: Select all

toggler:link
{
     color:#336699;
     text-decoration: none;
}

toggler:visited
{
     color:#336699;
     text-decoration: none;
}

toggler:focus
{
     color:#336699;
     text-decoration: none;
}

toggler:hover
{
     color:#880000;
     text-decoration: none;
}

NOTE: The code above is shown with each link state separated, but they could also be combined like the following (just make sure the hover is the last one or the last one before "active" if you add that state):

Code: Select all

toggler:link,
toggler:visited,
toggler:focus
{
     color:#336699;
     text-decoration: none;
}

toggler:hover
{
     color:#880000;
     text-decoration: none;
}

[Dave Lee]

Yep, edit dropDownHotSpot - you don't need to edit it manually in text view, you can set the styles for the link and pseudo classes (focus, hover) in either of the stylesheet views.

[LTinker68]

Yep, edit dropDownHotSpot - you don't need to edit it manually in text view...

Thanks, Dave. I didn't have Flare running at the time, so I just opened the stylesheet file directly. Couldn't remember if the drop-down styles had their own pseudo-classes or not.