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