---
title: Theme Settings — Title tab / Font category
description: "## Overview ![file CtheVz5Q3B](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/5c37be0d04286304a71e18bb/file-CtheVz5Q3B.png) *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…"
url: "https://wppopupmaker.com/docs/theming-popups/popup-theme-settings-title-tab-font-category/"
updated: "2024-12-23"
category: Using Popup Maker / Theming Popups
---

# Theme Settings — Title tab / Font category

## Overview

![file CtheVz5Q3B](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/5c37be0d04286304a71e18bb/file-CtheVz5Q3B.png)

*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. 
