fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Blob Shapes

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.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Blob Shapes”
  3. Hover over the widget in the search results and click install
  4. Add your Blob Shape widget to any Elementor Page

General Settings #

1
Shape

Choose a shape for your blob from the list.

2
Height

Determine the height of your blob shape. (Responsive Setting)

3
Image

Space between items relative to each item's width. 0 for no spacing, negative values to overlap.

4
Animation Time

The speed of the animation for animated style blob.

Blob Link Settings #

1
Enable Link

Enable or disable the link on your blob shape.

2
Link

If link is enabled add a URL you want your blob to link to.

Blob Content Settings #

1
Show Title

Enable or disable the title of your blob shape.

2
Title

Add text for your blob title

3
Show Text

Enable or disable the text of your blob shape.

4
Text

Add text for your blob.

Blob Gradient Color #

1
Gradient Angle

The angle of the gradient.

2
Fade Offset

The fade offset of the gradient.

3
Background Color 1,2

The colors of the gradient. If you want a solid color choose both to be the same color.

4
Color 1,2 Offset

The positions of the colors for the gradient.

Blob Image Style Settings #

1
Image Opacity

The opacity of your image, behind the image there is a gradient color.

2
Image Blend Mode

The blend mode for your image. normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, difference, exclusion, hue, saturation, color, luminosity

3
Image Position

Change the position of your blob image.

Live Blob Example #

For more examples visit the full blob shapes demo

Blob Shapes Video Tutorial & Overview #

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!