How it Works

Open Section Settings

Navigate to Advanced Tab->Custom CSS Toggle

Scroll Down to the select input named “DIVI Section Enhancer Options”, Choose the desired one and also select yes in the activate option.

Adjust option values

Adjusting Settings Values

N

It can be applied over any background

N

Response to mouse interaction

SPARKLES EFFECT

 

  • Sparkles Direction: Determines if sparkles go down from top, top from down or both directions at the same time.
  • Sparkles Count: Determines how many sparkles will be on the element at a time. It will show the number once sparkles fits all section area.
  • Sparkles Speed: Adjust the speed movement in seconds
  • Sparkles Minimum Size – Sparkles Maximux Size: Sparkles have different random sizes. This values adjust the minimum and maximux sizes to use it randomly.
  • Sparkles Color: Rainbow it’s default option and it is a ramdom colors combination. You can change it to custom and pick three different colors to use it randomly.
  • Display Sparkles on Page Load: This options will show sparkles at page load, but once the mouse pass over the section, it will work again only when mouse pass over.
N

Response to mouse interaction

SCROLLIFY OPTION

Each section must be setted as a Scrollify section, otherwise sections was not setted it will ignored and treated as a normal one

  • Easing: Effect used to adjust section transition
  • Scroll Speed: Transtion speed between sections. Value in miliseconds (1000ms = 1s)
N

Response to mouse interaction

N

Highly customizable

STARS WARP OPTION 

Stars Warp only supports colors as background and it will Ignore the default background use it on section.

  • Stars Warp Background Color: General Background Color
  • Stars Color: Nothing to explain.
  • Inactive Stars number: Background stars that not has movement and also no responses to mouse movements.
  • Active Stars number: Stars with movement and responses to mouse interactions.
  • Inactive Stars Speed: Stars speed before mouse pass over section.
  • Active Stars Speed: Stars speed on mouse over.
  • Deactivate mouse effects: Deactivate stars movements on mouse over.
  • Deactivate touch effects: Deactivate stars movements on screen touch.
N

It can be applied over any background

WATERPIPE OPTION 

Waterpipe draws an smoke effect over background. If it’s used in more than one section at same page, the initial effect is stopped (if was not finished) when a new one is triggered. This, to avoid resources consumption on user device.

  • Gradient Start – Gradient End: Colors combination to use it randomly in shadows and lights
  • Smoke Opacity: Shape Opacity
  • Line Width: Width of lines drawed inside the smoke
  • Drawing speed: Animation Speed in seconds.
N

It can be applied over any background

N

Response to mouse interaction

PARTICLES OPTION 

  • Lines Color: Nothing to explain
  • Dots Color: Nothing to explain
  • Horizontal Direction: Horizontal Particles movement when section is inactive.
  • Vertical Direction: Horizontal Particles movement when section is inactive.
  • Density: Number of particles present on section per pixels. Lower number it will increase the particles quantity.
  • Particles Radius: Dot size.
  • Line Width: Nothing to explain
  • Parallax: A simple parallax effect on scroll.
N

Response to mouse interaction

TILTED OPTION 

Each section must be setted as a Tilted section, otherwise sections was not setted it will ignored and treated as a normal one

  • Rows Height: It will add a fixed height to sections. This may help to get softly movements on transtions.
    N

    Response to mouse interaction

    N

    Highly Customizable

    SCROLLBAR OPTION 

    Section padding may help to achieve the scrollbar position

     

    • Section Height: Adjust the section height. Accepts px and %. Leave it empty to use default size.
    • Section Width: Adjust the section width. Accepts px and %. Leave it empty to use default size.
    • Axis: Determines which scrollbar axis it will be used.  It can be vertical, horizontal or both (on last case, remember adjust height and width).
    • Scrollbar Style: 6 different styles with two variants (light or dark).
    • Autohide Scrollbar:Hide Scrollbar  until users pass mouse over.
    • Scrollbar Position: Determines if scrollbar will be placed inside the section or outside. If you choose outside, remember adjust section width.
    N

    Response to mouse interaction

    GEOMETRY ANGLE OPTION 

    Geometry Angle may hard to understand. It composes of  5 options to determines which color will be use on shape and lights, but you probably won’t achieve the desired colors easily, because colors are applied with different transparencies to get shapes, movements, angles, and lights.

    • Mesh Background Color: This is the base color and you won’t see it.
    • Mesh Ambient Color: This color will be apllied over mesh background color, and the sum of both values shows a base color that changes with movements.
    • Mesh Diffuse Color: Similar to Mesh Ambient Color.
    • Lights Ambient Color: Color that affects the ilumination gradients. This also affects shadows of inactive shapes.
    • Lights Diffuse Color: Similar to lights ambient color.

    Earn MONEY with DIVI Section Enhancer!

    Help us to spread the word as a partner affiliate. Earn 20% of each purchase made for a customer reffered by you for an entire year!