fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Stars Background

Using “Stars Background Widget” you can add stunning star background effects to your Elementor pages in a matter of seconds. The Stars Background widget is customizable with many options to create an amazing star background that suits your Elementor page the best. It also comes with interactive click and hover effects that allows visitors to mouse interact with star particles.

 

Let’s look at each of the options in the “Stars Background Widget” below.

Install Stars Background Widget for Elementor #

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Click on the Background Widgets option in the sidebar menu.
  3. Hover over the Stars Background Widget and click install

Add Snow Background to Elementor Page Section #

Select edit page section in Elementor>>>Go to Style tab>>>Go to Unlimited Background option>>>Select the background type as “Stars Background”

Stars Background Settings #

1
Number of Stars

Set the number of stars to display.

2
Type

Select the type of snow background.

  • Custom
  • Circle
  • Star 1
  • Star 2
  • Star 3
  • Star 4
  • Star 5
  • Star 6
  • Star 7
  • Star 8
  • Star 9
  • Star 10
  • Star 11
  • Star 12
  • Star 13
  • Star 14
  • Star 15
  • Star 16
  • Star 17
  • Star 18
3
Star Color

Set the color for stars.

4
Size

Set the size of background star elements.

5
Random Size

Turn on/off the random size option.

6
Opacity

Set the opacity of star elements.

7
Move Stars

Set the distance to move stars.

8
Direction

Select the stars moving direction from the given options.

  • Left
  • Right
  • Bottom
  • Top
  • Bottom Right
  • Bottom Left
  • Top Right
  • Top Left
9
Flicker/Twinkle

This will add twinkling effect to stars.

10
Flicker Speed

Set the flickering speed of stars.

11
Flicker Min Size

Set the minimum size of stars while flickering.

12
Detect Mouse On

Select the mouse detection option.

  • Canvas(Section)
  • Window(Viewport)
13
On Hover

Select the option for on hover activity.

  • None
  • Grab
  • Bubble
  • Repulse
  • Grab + Bubble
14
Star on Click

Select the option for on click activity.

  • None
  • Push
  • Remove
  • Bubble
  • Repulse
15
Size on Bubble

Set the star particle size on bubble effect.

Set Background Location #

In some cases, you may want to move the background widget in front of your content. Determine the placement of the background by changing the setting to your liking. 

  1. Background
  2. Foreground

Usage Examples #

Here are some live use cases for the Star Background widget.

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!