Elegant Themes

The design options for Number Text enable you to customize and style number-based text elements in a module. These settings manage typography, alignment, spacing, and visual effects, harmonizing the number text with your site's overall design.

Open the Module Settings: Click the gear icon or the module itself to access the settings.

Navigate to the Design Tab: Locate the Number Text option group.

1. Open the Module Settings: Click the gear icon or the module itself to access the settings.
2. Navigate to the Design Tab: Locate the Number Text option group.

Number Font: Select the font for the number text. You can use the default fonts or upload a custom font.

Number Font Weight: Adjust the boldness of the font. Options range from light to extra-bold.

Number Font Style: Apply stylistic effects to the number text, such as:

- Italicized
- Capitalized
- Small Capitals
- Underlined
- Strike-through

Number Text Alignment: Set the alignment of the number text:

Number Text Color: Choose a color for the number text using your site’s palette or the color picker.

Number Text Size: You can adjust the font size of the number text by dragging the range slider or entering a specific value.

Number Letter Spacing: You can control the spacing between each letter. Increase it for a more open look or decrease it for tighter text.

Number Line Height: Define the vertical spacing between lines of number text for better readability.

Number Text Shadow: Add a shadow effect to the number text. Customize using the following options:

- Horizontal and Vertical Position: Adjust the shadow’s placement.
- Blur Strength: Soften or sharpen the shadow edges.
- Shadow Color: Choose a shadow color to complement the text and background.

1. Number Font: Select the font for the number text. You can use the default fonts or upload a custom font.
2. Number Font Weight: Adjust the boldness of the font. Options range from light to extra-bold.
3. Number Font Style: Apply stylistic effects to the number text, such as:
 - Italicized
 - Capitalized
 - Small Capitals
 - Underlined
 - Strike-through
4. Number Text Alignment: Set the alignment of the number text:
 - Left
 - Center
 - Right
 - Justify
5. Number Text Color: Choose a color for the number text using your site’s palette or the color picker.
6. Number Text Size: You can adjust the font size of the number text by dragging the range slider or entering a specific value.
7. Number Letter Spacing: You can control the spacing between each letter. Increase it for a more open look or decrease it for tighter text.
8. Number Line Height: Define the vertical spacing between lines of number text for better readability.
9. Number Text Shadow: Add a shadow effect to the number text. Customize using the following options:
 - Horizontal and Vertical Position: Adjust the shadow’s placement.
 - Blur Strength: Soften or sharpen the shadow edges.
 - Shadow Color: Choose a shadow color to complement the text and background.

Emphasize Importance: Use bold fonts, larger sizes, or vibrant colors to make the number text stand out.

Ensure Readability: Adjust line height and letter spacing to maintain clarity, especially for large numbers.

Add Depth: Subtle shadows can enhance visibility and create a professional look.

Align with Design: Match the number text style, including font and color, with your site’s overall typography and theme.

- Emphasize Importance: Use bold fonts, larger sizes, or vibrant colors to make the number text stand out.
- Ensure Readability: Adjust line height and letter spacing to maintain clarity, especially for large numbers.
- Add Depth: Subtle shadows can enhance visibility and create a professional look.
- Align with Design: Match the number text style, including font and color, with your site’s overall typography and theme.

Learn how to use the Number Text options to control number-based text elements, and create visually impactful and consistent designs.

Where to Find the Number Text Options

Number Text Customization Settings

Tips for Using Number Text Options