Configure Text Styles in a Fancy Button

Prev Next

When you build a Fancy Button, you can configure the Text Styles. There are two Text Style view states:

  • Normal: State of the Fancy Button text when not hovered over

  • Hover: State of the Fancy Button text when hovered over

Two tabs help you modify your Text Styles:

  • Text: Modify font family, style, color, size, alignment, and underline options

  • Advanced (Adv.) Styles: Use HTML to create further specifications for text, hover, focus, and active display styles

Text

  • Normal/Hover: Normal edits the default view of the button, Hover edits the hover state of the button Normal and Hover expandable menus.

  • Font Family: Choose a font Font Family drop down menu.

  • Style: Choose a style Style drop down menu.

    Note:

    You must choose a font first before you can choose a style. This is because the style options depend on the font family you choose.

  • Color: Choose a color from the drop-down Color drop down menu.

  • Size: Specify the size in em units Size input field.

  • Alignment: Choose to align text left, right, or center Alignment drop down menu.

  • Underline: Select to mark text as underlined Underline checkbox toggle.

  • Shadow: Shadow expandable menu.
    Shadow pixel input field.

    Note:

    Text Shadows are supported by modern browsers (like the one you are currently using), but in IE9 or below they will not display.

    • Color: Select a shadow color from the drop-down

    • Blur Radius: Choose how much, in px units, to blur the shadow

    • Offset X: Horizontal shadow offset; a positive value puts the shadow on the right side of the box, and a negative value puts the shadow on the left side of the box

    • Offset Y: Vertical shadow offset; a positive value puts the shadow below the box, and a negative value puts the shadow above the box

Advanced Styles

Advanced Styles HTML code.

  • Choose to customize, in HTML, display specifications for different actions (how the text will appear when hovered over, focused, active, etc).