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