How to use CSS Filters Extension by Zoloblocks

  • BdThemes
  • How to use CSS Filters Extension by Zoloblocks

Table Of Contents

How to use CSS Filters Extension by Zoloblocks

This documentation provides comprehensive insights into the CSS Filters Extension developed by Zoloblocks.

Activating the CSS Filters Extension

Enable CSS Filters - BdThemes

On WordPress Dashboard Navigate to ZoloBlocks from the sidebar menu.

  1. Select the Dashboard option under ZoloBlocks.
  2. Go to the Extension tab.
  3. Use the search bar to search for “Entrance Animation”
  4. Click Enable to activate the Entrance Animation extension.

Where to Find the Extension

seect container and partices - BdThemes
  1. Select a Container:
    Select the Container where you want to apply filters. It’s zoloblocks special container feature.
  2. Navigate to the Extra Tab:
    Open the Extra Tab and look under the Background Selection section.
  3. Open the Particles Section:
    Find and click the Particles Icon to configure the settings.

What are Particles?

Particles are small, dynamic visual elements that move across the screen. They are often used to create engaging and interactive backgrounds. Common types of particle effects include:

  • Snowflakes
  • Stars
  • Bubbles

Particles enhance the visual appeal of a container and create a more playful or aesthetic atmosphere.

Configuring the Particles Settings

Click on the Particles icon and it will appear a popup.

dust wooden - BdThemes
  • Open the Particles Popup:
    Click the Particles Icon to open a settings popup.
    Use the following controls to customize the particle effects:
ControlDescription
PresetsChoose from various presets to quickly set up particle effects.
DirectionSet the direction for particle movement (e.g., Right, Left, Top, Bottom).
Z-IndexDefine the z-index to control the stacking order of particles.
SizeAdjust the size of the particles to fit your design.
ColorSelect colors for particles. You can add multiple colors for variety.
dust wooden 2 - BdThemes
  • Setting Colors:
  • Click on the color palette on the right side of the popup.
  • Add as many colors as needed to customize your particle effects.

By following these instructions, you can use the CSS Filter to show particles effect on your website.

Please check the demo also.
Thanks for reading the documentation.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge