Two colours, a width, a height and a rotation — free. Intensity, rotation speed, glow, noise and pointer interactivity are Pro.
Where it earns its keep: CTA bands and dark footers that need atmosphere, not a stock video.
Variants
Try it
Set it up in WordPress
- Background → Add Background
- Pick Light Pillar
- Customize → colours, width, intensity
Scroll here to run it
The canvas sits behind every section, exactly as it would on your site.
What you are seeing
- animationType
- light-pillar
- backgroundColor
- #07060e
- topColor
- #7c3aed
- bottomColor
- #06b6d4
- pillarWidth
- 5.5
- pillarHeight
- 0.9
- pillarRotation
- 18
- intensity
- 2.1
- rotationSpeed
- 0.9
Field names match the WordPress admin, so any of this is reproducible in Background → Customize.
9 settings in the free plugin
The effect itself is free and runs with these settings. Nothing in the free dashboard is locked or greyed out.
14 more with Pro
Intensity, Rotation Speed, Glow Amount, Noise Intensity, Interactive, Mix Blend Mode, Quality, Select Pages, and more.
Every setting
Read straight from the plugin’s settings schema and the fields Pro registers (v2.5.0). Ranges are the ones the WordPress admin enforces.
| Field | Label | Type | Range | Default | Tier |
|---|---|---|---|---|---|
| topColor | Top Color | color | — | — | Free |
| bottomColor | Bottom Color | color | — | — | Free |
| pillarWidth | Pillar Width | float | 1 – 10 | — | Free |
| pillarHeight | Pillar Height | float | 0.1 – 1.2 | — | Free |
| pillarRotation | Pillar Rotation | float | 0 – 360 | — | Free |
| intensity | Intensity | float | 0.1 – 2.5 | — | Pro |
| rotationSpeed | Rotation Speed | float | 0 – 2 | — | Pro |
| glowAmount | Glow Amount | float | 0.001 – 0.02 | — | Pro |
| noiseIntensity | Noise Intensity | float | 0 – 1 | — | Pro |
| interactive | Interactive | bool | — | — | Pro |
| mixBlendMode | Mix Blend Mode | token | — | — | Pro |
| quality | Quality | token | — | — | Pro |
| enabled | — | bool | — | — | Free |
| backgroundName | — | text | — | — | Free |
| scope | Display Scope | token | — | — | Free |
| specificPages | Select Pages | text-long | — | — | Pro |
| cssSelector | CSS Selector | text-long | — | — | Pro |
| position | Position | token | fixed · absolute | — | Pro |
| zIndex | Z-Index | int | -9999 – 9999 | — | Pro |
| opacity | Opacity | float | 0 – 1 | — | Pro |
| enableMultipleBackgrounds | — | bool | — | — | Pro |
| backgroundConfigurations | — | configs | — | — | Pro |
| respectReducedMotion | — | bool | — | — | Free |
Related
The effect is free to use; the settings on this page need Pro.
Get it freeSee Pro