The Position Text design options let you customize the appearance of the Position text displayed in modules such as the Person module. These settings control the typography, alignment, spacing, and effects for the Position, helping you maintain a cohesive design.
Where to Find the Position Text Options
Open the Person module Settings: Click the gear icon or the module itself to access the settings.
Navigate to the Design Tab: Locate the Position Text option group.
Position Text Customization Settings
Position Font: Select a font for the image's Position text from the dropdown or upload a custom font to match your site’s design.
Position Font Weight: Adjust the boldness of the font. Options include light, regular, bold, and more.
Position Font Style: Apply stylistic effects to the image's Position text, such as:
Italicized
Capitalized
Small Capitals
Underlined
Strike-through
Position Text Alignment: Set the alignment for the image's Position text:
Left
Center
Right
Justify
Position Text Color: Choose a color for the image's Position text using your site’s palette or the color picker.
Position Text Size: Adjust the font size using the slider or by entering a numerical value.
Position Letter Spacing: Control the spacing between letters. Increase for a more open look or decrease for tighter text.
Position Line Height: Define the vertical spacing between lines to ensure readability.
Position Text Shadow: Add a shadow effect to the image's Position text. Customize:
Horizontal and Vertical Position: Adjust the shadow’s placement.
Blur Strength: Soften or sharpen the shadow edges.
Shadow Color: Choose a shadow color that complements your design.
Position Fill Type: Choose the image's Position text fill options:
None - No image's Position text fill.
Gradient - Fill the image's Position text with a Gradient
Image - Fill the image's Position text with an Image
Transparent - Fill the image's Position text with a transparent fill.
Position Stroke Width - Choose the image's Position text stroke thickness.
Text Stroke Color - Choose the image's Position text stroke color.
Tips for Using Position Text Option Group Option
Ensure Clarity: Use bold fonts and sufficient spacing to make the image's Position text easy to read.
Highlight Interaction: Apply contrasting colors or subtle text shadows to draw attention to the image's Position text.
Stay Consistent: Align the image's Position text style with the rest of your module design, including fonts and colors.
Test Across Devices: Preview on various screen sizes to ensure alignment and readability.