Custom styles for Dropdown Head link, Togglers, and Expanding text.

 Article #: GEN1009Z  Product: Flare Version:10

Summary:

Below is an example of how to customize styles for Dropdown head link, Togglers, and Expanding text.

Problem:

In prior versions of Flare, creating a styleclass for MadCap|dropDownHotspot, MadCap|toggler and/or MadCap|expandingHead is sufficient.

Due to 508 compliance in V10 which requires dropdowns get converted to <a> tags so they can have the alt text applied properly, below should be done to modify link styles.

Full Description:

To change link color or visited link color of a dropdown

  1. Open the project CSS.in the internal text editor.

  2. Copy and paste the code below at the bottom of CSS.

MadCap|dropDownHotspot:link
{
    color: #000000;
}
MadCap|dropDownHotspot:visited
{
    color: #000000;
}

To change link color or visited link color of a toggler or expanding text, replace the MadCap|dropDownHotspot style above with MadCap|toggler and/or MadCap|expandingHead.

Attribution:

Last updated:

October 27, 2014

Author:

C Lontoc