Skip to main content
All CollectionsDivi 5Options Groups
Understanding the Filters Design Options in Divi 5
Understanding the Filters Design Options in Divi 5

Learn how to use the Filters design option to customize your module’s look, adding depth and artistry to your Divi layouts.

Updated over a week ago

The Filters design options allow you to apply and customize visual effects to a module, such as hue shifts, saturation changes, and blending modes. These settings enable creative adjustments to enhance the module’s appearance and integrate it seamlessly with your design.

Divi 5 - Filtes Option Group

Where to Find the Filters Options

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

  2. Navigate to the Design Tab: Locate the Filters option group.

Filters Customization Settings

  1. Hue: Adjust the color tone by setting the hue angle. Use this to shift the module’s colors to create unique color schemes.

  2. Saturation: Control the intensity of colors. Increase saturation for more vibrant colors or decrease for a muted effect.

  3. Brightness: Adjust the module's brightness. Higher values create a brighter look, while lower values darken the colors.

  4. Contrast: Enhance the distinction between light and dark areas. Use higher contrast for a bolder appearance.

  5. Invert: Flip the module's colors to their opposites. Adjust the amount of inversion for varying effects.

  6. Sepia: Apply a warm, yellow-brown tone for a vintage or nostalgic look.

  7. Opacity: Set how transparent or opaque the module appears. Lower values increase transparency, allowing background elements to show through.

  8. Blur: Add a Gaussian blur to soften the module. Increase the value for a more pronounced blur effect.

  9. Blend Mode: Choose how the module blends with layers beneath it. Options include:

    • Normal: Default mode, no blending.

    • Multiply: Darkens the base layer.

    • Screen: Brightens the base layer.

    • Overlay: Combines dark and light blending for a vibrant effect.

    • And more: Experiment with other modes for unique results.

Tips for Using Filters

  • Enhance Focus: Use blur or opacity to make the module stand out or fade into the background, creating emphasis.

  • Match the Mood: Apply hue, saturation, and sepia effects to align the module with the overall design aesthetic.

  • Experiment with Blending: Combine blend modes with other filters for creative layering effects.

Did this answer your question?