Elementor Typography Panel

Text editor with typography options
Typography editing panel in a web builder. Easily customize fonts, sizes, and styles.

Table of contents

Step-by-step video

How to change font size, color, family, and style in Elementor

Many Elementor widgets let you edit the text color and typography settings. These design options are found in the widgets’ Style tab.

Style

Text Color: choose your text color

In Widget Settings > Style, click the Elementor widget control icon to access the typography settings.

Typography

  1. Family: choose a font family from over 800 Google Fonts families
  2. Size: choose a font size (more information about px, em, rem, etc.)
  3. Weight: choose the font weight between 100 and 900
  4. Transform: choose the font properties (Uppercase, Lowercase, …)
  5. Style: choose between Normal, Italic, and Oblique
  6. Decoration: choose the text decoration (Underline, Overline, Strikethrough, …)
  7. Line Height: use the slider to set the line height
  8. Letter Spacing: use the slider to set letter spacing
Elementor Typography Panel