Overview #
Figure 1 (above). View of the Title >> Font option settings for the Default Theme.
The Title option tab controls the popup title styles. Use of a popup title inside a popup container is optional. This article addresses the Font category when styling the popup title.
Property Descriptions #
- Color styles the text color of the title.
- Font Size styles the size of the title text.
- Line Height sets the amount of space above and below the title.
- Font Family selects the font-family used to style the title.
- Font Weight sets the thickness or boldness of the font chosen from the font family.
- Style sets the title font to display either as normal or italicized text.
- Alignment sets the horizontal alignment of the popup title.
Title Option Settings #
When editing the Title styles, use the customizer located to the right of the Theme Settings box to preview your changes.
Select the Update button to save any changes to popup theme settings. Otherwise, any changes will be lost after you leave the page.
Color #
Range: various. Set the color of the popup title text. Click on the Select Color button to display a colorpicker. Each custom color targeted within the colorpicker is represented by a unique hex number.
The title color field also accepts any specific hex number as input. This feature assists users who want to apply a custom color palette on a site. Click on the Default button to reset the title color to the plugin default.
Table 1. Title Font Color — Default Settings by Theme
Theme Name | Default Color ( name / hex number ) |
Default Theme | black / #000000 |
Light Box | black / #000000 |
Enterprise Blue | dark blue / #315b7c |
Hello Box | black / #2d2d2d |
Cutting Edge | white / #ffffff |
Framed Border | black / #000000 |
Font Size #
Default: 32 – 34 pixels ( except ‘Cutting Edge’, which is assigned 26 px). Range: 8 – 48 px.
Line Height #
Default: 36 px ( except ‘Cutting Edge’, which is assigned 28 px). Range: 8 – 54 px.
Font Family #
Default: Inherited from your site’s stylesheet. Options include:
- the font-family set by your site theme ( ‘Use Your Themes’);
- browser default fonts, or
- Google Web fonts.
Font Weight #
Default:
- ‘Default Theme’: 400 (Normal);
- All other themes: 100.
Range: 100 (light) – 900 (bold).
Style #
Default: Normal (all themes). Options: Normal, Italic.
Alignment #
Default: Left (all themes). Options: Left, Center, Right, Justify.