The Percentage Text design options let you customize the appearance of percentage text, ensuring it aligns with your site’s style. These settings provide control over font, alignment, spacing, and visual effects.
Where to Find the Percentage Text Options
Open the Module Settings: Click the gear icon or the module itself to access the settings.
Navigate to the Design Tab: Locate the Percentage Text option group within the Design tab.
Percentage Text Customization Settings
Percentage Font: Select a font from the dropdown or upload a custom font to define the percentage text style.
Percentage Font Weight: Adjust the text's boldness with options ranging from light to extra-bold.
Percentage Font Style: Add stylistic enhancements, such as:
Italicized
Capitalized
Small Capitals
Underlined
Strike-through
Percentage Text Alignment: Align the text to the left, center, right, or justify it.
Percentage Text Color: Pick a specific color for the text from your site’s palette or use the color picker.
Percentage Text Size: Adjust the font size using the slider or enter a specific value.
Percentage Letter Spacing: Control the spacing between letters for a tighter or more open look.
Percentage Line Height: Define the vertical spacing between lines for better readability.
Percentage Text Shadow: Apply a shadow to the text for added depth. Customize:
Horizontal and Vertical Position: Adjust the shadow’s placement.
Blur Strength: Soften or sharpen the shadow.
Shadow Color: Choose a color that complements the text and background.
Tips for Customizing Percentage Text
Make It Stand Out: Use bold weights, larger sizes, or vibrant colors to emphasize percentage values.
Prioritize Readability: Ensure proper contrast between the text and its background and maintain a clear line height.
Subtle Effects: Add a light text shadow to enhance the text without overpowering it.
Consistency Is Key: Match the percentage text style with your site's typography for a cohesive design.