help center

Search
Close this search box.
On this page

Change font size, color, family & style in Elementor website builder

Last Update: September 29, 2024

Many Elementor Widgets offer the ability to edit text color and typography settings. These design options are generally located in the widgets’ Style tab.

Change font typography

To change font characteristics:

  1. In the panel, locate the Typography field.
    Locate the typography field Change font size, color, family & style in Elementor website builder 1
    The typography field is usually in the Style tab.
    Click the typography globe icon Change font size, color, family & style in Elementor website builder 3
  2. If you want to select one of the preset global fonts, click the globe global font icon Change font size, color, family & style in Elementor website builder 5 icon.
    For details about global fonts, see View and edit global fonts.
    Click the pencil icon Change font size, color, family & style in Elementor website builder 7
  3. If you want to select a font from among the entire range of fonts, click the pencil icon Pencil icon 2 Change font size, color, family & style in Elementor website builder 9 .
    The typography menu Change font size, color, family & style in Elementor website builder 11
    The Typography menu opens.
    Use the famuly dropsdown menu to select what fiot type 1 Change font size, color, family & style in Elementor website builder 13
  4. Use the Family dropdown menu to choose what type of font you want to use.
    If you know the name of the font family, you can enter it in the text box at the top of the dropdown menu.
    Use the Size slider Change font size, color, family & style in Elementor website builder 15
  5. Use the Size slider to set how big you want the font.
    Use the sliders Change font size, color, family & style in Elementor website builder 17
    To learn more about the different measurement systems, check out Units of measurement.
  6. Use the other sliders and dropdown menu to set the other font characteristics.
    For details about the different typography characteristics you can choose from, see Typography.

Change font color

  1. In the panel, locate the Text Color field.
    Select text color Change font size, color, family & style in Elementor website builder 19
    The Text Color field is usually in the Style tab.
    Select the global color icon Change font size, color, family & style in Elementor website builder 21
  2. To select one of the preset global colors, click the globe icon and select one of the global colors.
    For details, see View and edit Global Colors.
    click the color swatch Change font size, color, family & style in Elementor website builder 23
  3. To select a text color from the entire range of colors, click the color swatch Color swatch Change font size, color, family & style in Elementor website builder 25.
    For details about using the color picker, see Pick a color.
    The text color is changed.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!