fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

wordpress-black-friday-deals
toggle-button-for-elementor
elementor-widget-library

Number Box for Elementor

You can create an awesome Number Box for WordPress websites with the help of the “Number Box Widget”. Its very easy to create fresh-looking designs with the help of number box widget. Predefined clipping masks can be used to achieve unique shapes. Match the colors to your site’s theme and customize the layout for the best user experience with lots of styling options.

Let’s look at each of the options in the “Number Box Widget” below.

Install Number Box 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 “Number Box”
  3. Hover over the widget in the search results and click install
  4. Add your “Number Box” widget to any Elementor Page

General Settings #

1

Layout

Select the layout you want to display.

  • Row
  • Column
2

Alignment

Select alignment of the box from the given options.

  • Left
  • Center
  • Right
3

Text

Type the text you want to display.

4

Linkable

Turn on/off the link option.

5

Link

Put any custom or dynamic link.

6

Show Title

Show/Hide the title text.

7

Title

Type custom text for the title.

8

Show Description

Show/Hide the description text.

9

Description

Type any text for description.

Number Box Widget Styling #

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.

Number Styling #

Set the spacing, size, typography, background color, and border of the circle. You can also style the hover animation, shadow and shape of the circle in this section.

Hover animations available:

  1. Grow
  2. Shrink
  3. Pulse
  4. Pulse Grow
  5. Pulse Shrink
  6. Push
  7. Pop
  8. Bounce In
  9. Bounce Out
  10. Rotate Grow
  11. Rotate Float
  12. Sink
  13. Bob
  14. Hang
  15. Skew
  16. Skew Forward
  17. Skew Backward
  18. Wobble Vertical
  19. Wobble Horizontal
  20. Wobble To Bottom Right
  21. Wobble To Top Right
  22. Wobble Top
  23. Wobble Bottom
  24. Wobble Skew
  25. Buzz
  26. Buzz Out

If the shape type selected is radius you can edit the border radius, shadow and border type.

If the shape type selected is clip-path you can select different clip-path shapes:

  1. None
  2. Triangle
  3. Trapezoid
  4. Parallelogram
  5. Rhombus
  6. Pentagon
  7. Hexagon
  8. Heptagon
  9. Octagon
  10. Nonagon
  11. Decagon
  12. Bevel
  13. Rabbet
  14. Left Arrow
  15. Right Arrow
  16. Left Point
  17. Right Point
  18. Left Chevron
  19. Right Chevron

Pulse Effect Styling #

Set the pulse effect on or off, and style the color of pulse effect.

Box Styling #

In this section, you can set the background color, border, padding and box shadow.

Title Styling #

Style the color, typography, and spacing of the title.

Description Styling #

Style the color, typography, and spacing of the description.

Usage Examples #

Here are some live use cases for the Number Box widget.

Video 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!