The Filter Criteria Text design options in Divi let you customize the appearance of the Filterable Portfolio's module Filter Text. These settings control font, alignment, spacing, and more, ensuring your Text is styled to fit your design.
Where to Find the Filter Criteria Text Options
Open the Filterable Portfolio's Module Settings: Click the gear icon or the module itself to access the settings.
Navigate to the Design Tab: Locate the Filter Criteria Text option group.
Filter Criteria Text Customization Settings
Filter Criteria Font: Choose a font for the Filter Criteria Text from the dropdown menu or upload a custom font. By default, the site’s primary font is used.
Filter Criteria Font Weight: Choose the boldness of the font, with options ranging from light to extra-bold.
Filter Criteria Font Style: Choose stylistic enhancements to the Filter Criteria Text, such as:
Italicized
Capitalized
Small Capitals
Underlined
Strike-through
Filter Criteria Text Alignment: Choose the Filter Criteria Text alignment: left, center, right, or justify alignment.
Filter Criteria Text Color: Choose a color for the Filter Criteria Text using your site’s palette or the color picker.
Filter Criteria Text Size: Choose the font size of the Filter Criteria Text using the range slider or by entering a specific value.
Filter Criteria Letter Spacing: Control the space between letters by dragging the slider or inputting a value. Larger values create more separation between characters.
Filter Criteria Line Height: Choose the vertical spacing between lines of Filter Criteria Text for better readability. Increase the value for more space between lines.
Filter Criteria Text Shadow: Choose a shadow of the Filter Criteria Text and customize its:
Direction: Set horizontal and vertical positioning.
Blur Strength: Adjust how soft or sharp the shadow appears.
Shadow Color: Choose a shadow color that complements the text.
Filter Criteria Fill Type: Choose the Filter Criteria Text fill options:
None - No Filter Criteria Text fill.
Gradient - Fill the Filter Criteria Text with a Gradient
Image - Fill the Filter Criteria Text with an Image
Transparent - Fill the Filter Criteria Text with a transparent fill.
Filter Criteria Stroke Width - Choose the Filter Criteria Text stroke thickness.
Text Stroke Color - Choose the Filter Criteria Text stroke color.
Tips for Styling Filter Criteria Text
Focus on Readability: Use font sizes and line heights that are easy to read, especially on mobile devices.
Complement Your Design: Match the text color and style to your site’s overall design for a cohesive look.
Use Shadows Sparingly: Subtle shadows can enhance readability, but overly strong effects can distract.
These options make it easy to create Filter Criteria Text that’s visually appealing and functional, ensuring your content looks polished and professional.