The Read More Text design options let you customize the appearance of the "Read More" link. These settings allow you to adjust typography, alignment, spacing, and visual effects to match your design needs.
Where to Find the Read More 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 Read More Text option group.
Read More Options Overview
Read More Font: Select the font for the "Read More" link from the dropdown, or upload a custom font to align with your site’s typography.
Read More Font Weight: Adjust the boldness of the font. Options include light, regular, bold, and more.
Read More Font Style: Add stylistic effects, such as:
Italicized
Capitalized
Small Capitals
Underlined
Strike-through
Read More Text Alignment: Set the alignment for the link text:
Left
Center
Right
Justify
Read More Text Color: Choose a color for the "Read More" link. Select from your site’s palette or use the color picker.
Read More Text Size: Adjust the font size using the range slider or by entering a numerical value.
Read More Letter Spacing: Define the spacing between letters. Increase for a more open feel or decrease for tighter text.
Read More Line Height: Set the vertical spacing between lines for better readability, especially if the link spans multiple lines.
Read More Text Shadow: Add a shadow effect to the link for extra depth. Customize:
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.
Tips for Using Read More Text Options
Keep It Clear: Use bold fonts and sufficient letter spacing to make the link easy to identify.
Encourage Interaction: Highlight the link with a contrasting color or subtle text-shadow.
Match Your Style: Ensure the font and alignment are consistent with the rest of the module’s design.
Test Responsiveness: Preview the link on different devices to confirm readability and alignment.