By using the Image Shapes Widget You can crop your images into interesting shapes in order to create unique and creative layouts. You can match the colors to your site’s theme and customize the layout for the best user experience with lots of styling options. The image shapes widget is auto-adaptive and will work with any image size. All you need to do is select an image and a shape from the list, that’s all! It is a great tool for those who are not designers or are unfamiliar with how to crop images using graphic design tools.
Let’s look at each of the options in the “Image Shapes Widget” below.
Install Image Shapes Widget for Elementor #
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Image Shapes”
- Hover over the widget in the search results and click install
- Add your “Image Shapes” widget to any Elementor Page
General Settings #
Shape
You can choose the shape in which your image will be displayed.
- Triangle
- Trapezoid
- Parallelogram
- Rhombus
- Pentagon
- Hexagon
- Octagon
- Nonagon
- Decagon
- Bevel
- Rabbet
- Left Arrow
- Right Arrow
- Left Point
- Right Point
- Left Chevron
- Right Chevron
Image
Select any image you want to display.
Enable Link
Enable/disable the link option.
Link
Put the URL you want to link to the image.
Link
Put any custom or dynamic link.
Image Shapes Widget Styling #
Different style options allow you to control everything about the widget’s design.
Height
Set height of the image.
Background Color
Choose any background color.
Blend Mode
Select any of the blend modes from the given options.
- Normal
- Multiply
- Screen
- Overlay
- Darken
- Lighten
- Color Dodge
- Saturation
- Color
- Luminosity
Image Min Width
Set minimum width for the image.
Link
Put any custom or dynamic link.
Usage Examples #
Here are some live use cases for the Image Shapes widget.
