Skip to main content

Understanding the Link Text Option Group in Divi 5

Learn how to use the Links Text options to style and format the Pagination module's link text, ensuring they remain visually integrated.

The Links Text design options let you customize the appearance of the Links text displayed in modules such as the Pagination module. These settings control the typography, alignment, spacing, and effects for the links, helping you maintain a cohesive design.

Divi 5 - Links Text Option Group

Where to Find the Links Text Options

  1. Open the Pagination module Settings: Click the gear icon or the module itself to access the settings.

  2. Navigate to the Design Tab: Locate the Links Text option group.

Links Text Customization Settings

  1. Links Font: Select a font for the image's Links text from the dropdown or upload a custom font to match your site’s design.

  2. Links Font Weight: Adjust the boldness of the font. Options include light, regular, bold, and more.

  3. Links Font Style: Apply stylistic effects to the image's Links text, such as:

    • Italicized

    • Capitalized

    • Small Capitals

    • Underlined

    • Strike-through

  4. Links Text Alignment: Set the alignment for the image's Links text:

    • Left

    • Center

    • Right

    • Justify

  5. Links Text Color: Choose a color for the image's Links text using your site’s palette or the color picker.

  6. Links Text Size: Adjust the font size using the slider or by entering a numerical value.

  7. Links Letter Spacing: Control the spacing between letters. Increase for a more open look or decrease for tighter text.

  8. Links Line Height: Define the vertical spacing between lines to ensure readability.

  9. Links Text Shadow: Add a shadow effect to the image's Links 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.

  10. Links Fill Type: Choose the image's Links text fill options:

    • None - No image's Links text fill.

    • Gradient - Fill the image's Links text with a Gradient

    • Image - Fill the image's Links text with an Image

    • Transparent - Fill the image's Links text with a transparent fill.

  11. Links Stroke Width - Choose the image's Links text stroke thickness.

    • Text Stroke Color - Choose the image's Links text stroke color.

Tips for Using Links Text Option Group Option

  • Ensure Clarity: Use bold fonts and sufficient spacing to make the image's Links text easy to read.

  • Highlight Interaction: Apply contrasting colors or subtle text shadows to draw attention to the image's Links text.

  • Stay Consistent: Align the image's Links 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.

Did this answer your question?