2.3 General Settings

Last Update: 8 February 2018

2.3.1 Typography Settings
Color Options: You can Select Color Options using this option.
Color: You can select color and Opacity for font using this option.

Color 1: You can select color and Opacity for font using this option.
Color 2: You can select color and Opacity for font using this option.
Gradient Style: You can select one gradient effect style from four beautiful options.

Font Size: You can add font size in Pixels using this option. E.g. 14px, 20px, etc.
Line Height: You can add Line Height in Pixels using this Option. E.g. 12px, 10px, etc.
Letter Spacing: You can add Letter Spacing in Pixels using this Option. E.g. 1px, 2px, etc.

Custom font family: Allows you to use custom Google font.
Font Family: You can add Custom Font family using this Option. E.g. Arial,Open sans etc.
Font Weight: You can add font weight using this Option. E.g. 200,400,700,900 etc.

2.3.2 Animation Settings

Choose Animation Effect: You can Choose Animation Effect When This Element will be load on scroll. It have many modern options for you to choose from.
Animation Delay: Add value of delay in transition on scroll in millisecond. 1 sec = 1000 Millisecond
On Load Animated Listing: You Can load your listing with delayed animation based on columns one by one by marking this option up.

2.3.3 Magic Scroll

Magic Scroll: You can put animation on scroll for your section using this option.
Scroll Type: Choose options of animation based on position and scale for section.
(X) / Horizontal Distance: Enter Value of Horizontal Distance. You can use positive and negative value here. e.g. 10, -10 etc.
(Y) / Vertical Distance: Enter Value of Vertical Distance. You can use positive and negative value here. e.g. 10, -10 etc.
Mouse Move Parallax: This effect will be parallax on mouse move. It will move image as you move your mouse hover.
Move Parallax (X): Enter Value of Horizontal Speed move parallax. You can use positive and negative value here. e.g. 10, -10 etc.
Move Parallax (Y): Enter Value of Vertical Speed move parallax. You can use positive and negative value here. e.g. 10, -10 etc.

2.3.4 Super Parallax

Super Parallax: This effect will be parallax on scroll effect. It will move image as you scroll your page.

2.3.5 Mouse Move Parallax

Mouse Move Parallax: This effect will be parallax on mouse move. It will move image as you move your mouse hover.
Move Parallax (X): Enter Value of Horizontal Speed move parallax. You can use positive and negative value here. e.g. 10, -10 etc.
Move Parallax (Y): Enter Value of Vertical Speed move parallax. You can use positive and negative value here. e.g. 10, -10 etc.

2.3.6 Overlay Special effect

Overlay Special effect: This effect will create two color animation ok this when someone scroll and reach to this section. For more information check our demo.
Effect Color 1: You can can select color and Opacity for effect using this option.
Effect Color 2: You can can select color and Opacity for effect using this option.

2.3.7 On Hover Tilt

On Hover Tilt: You can put option of on hover tilt effect on section using this option.

2.3.8 Box Shadow

Box Shadow: You can set Box Shadow Value here with all options. E.g. 0px 1px 7px 0 outset/inset #212121 Check link
Hover Box Shadow: You can set Box Shadow Value here with all options. E.g. 0px 1px 7px 0 outset/inset #212121 Check link

2.3.9 Content Hover Effects

Content Hover Effects: This Effects will be applied when you hover on this section.

2.3.10 On Load Animated Background

Background Color: You can select color and Opacity for background using this option.
Animated Direction: Choose animated direction from Right, Left, Top or Bottom.

2.3.10 Button Settings

Button Style: You can select different styles.
Button Text: You can write title of button from here.
Button URL: Add Button URL, Link Open Option and Follow-No Follow Option from this option.
Alignment: Choose button alignment from Right, Left or Center.
Mouse Hover: You can choose Mouse hover or Mouse Drag Option for animation to take effect.
Separator Line on/off: You can Show or Hide Separator line from this option.
Initial Effect Position: You can Select Number to initiate effect position. If you select 50 It will start from the middle.
Separator Icon: You can upload Separator icon from this option.

Icon Library:
Icon Position: Select Position of Icon before or after content from this option.