Introduction:
Create random, unique, and organic-looking blob shapes inside of Elementor. You can make the blobs in many styles using gradients, overlays and images.
Install Blob Shapes Widget for Elementor #
This widget requires Unlimited Elements free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Blob Shapes”
- Hover over the widget in the search results and click install
- Add your Blob Shape widget to any Elementor Page
General Settings #
Choose a shape for your blob from the list.
Determine the height of your blob shape. (Responsive Setting)
Space between items relative to each item's width. 0 for no spacing, negative values to overlap.
The speed of the animation for animated style blob.
Blob Link Settings #
Enable or disable the link on your blob shape.
If link is enabled add a URL you want your blob to link to.
Blob Content Settings #
Enable or disable the title of your blob shape.
Add text for your blob title
Enable or disable the text of your blob shape.
Add text for your blob.
Blob Gradient Color #
The angle of the gradient.
The fade offset of the gradient.
The colors of the gradient. If you want a solid color choose both to be the same color.
The positions of the colors for the gradient.
Blob Image Style Settings #
The opacity of your image, behind the image there is a gradient color.
The blend mode for your image. normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, difference, exclusion, hue, saturation, color, luminosity
Change the position of your blob image.
Live Blob Example #
For more examples visit the full blob shapes demo
