Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

How to use SVG Blob widget

In this documentation, we will discuss the customization of the SVG Blob widget, brought to you by Element Pack Pro.

Inserting Widget

inserting the svg blob widget

Open your page in the Elementor editor, search by the widget name, and then drag-drop it on the page.

The default view of SVG Blob

The default view of the blob has a placeholder image on the canvas along with the in-motion blob animation. You can change the defaults in seconds and make colorful content anytime.

Content tab customizations

Blob Content section

Go to Content > Blob Content

First, find the Select Type (Image, Color, & Gradient Color) option.

Select the image option and then choose your target image. Find the Image Size option right below.

Then find the Select Shape Style (10 pre-defined shapes) option.

Then find the Loop, Duration, Delay, and End Delay options.

Style tab customization

Blob Style section

Go to Style > Blob Style

Find the Width, Height, Opacity, and CSS Filters options.

By Following the instruction you will be able to make an interactive Blob widget.

Video Assist

Watch this quick video to know about the SVG Blob widget. Please visit the demo page for examples.

Thanks for being with us.

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.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge