Theme Settings -- Title tab / Font category

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. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.