Documentation

How To Edit Preloader

1. Double click on the preloader component from the left navigator panel. Follow below pic:
Pre-Two
2. Select Preloader text to modify animated texts ( font, size, color etc. ). Follow below pic:
Pre-Three
3. Choose the Preloader top named div block to modify the top curtain box color. Follow below pic:
Pre-Four
4. Choose the Preloader bottom named div block to modify the bottom curtain box color. Follow below pic:
Pre-Five
5. Click on the interaction tab on the right panel to choose the page load animation. Follow below pic:
Pre-Six
6. Choose Preloader interaction from the interaction lists. Follow below pic :
Pre-Seven
7. Control text movement with timing and movement section shows below :
Pre-Eight
8. Control curtain movement from timing and move section as below img:
Pre-Nine
10. Customize Preloader visibility and opacity from mentioned section. Follow below pic :
Pre-Ten

If you want preloader on all pages

Preloader was only added for the landing page. If you want to add it on all pages please follow below instructions:
1. Click on the page tab on the left panel and select Brisk landing page.Follow pic :
Pre-Eleven
2. Now from the left navigator panel choose the Preloader component. Copy and paste it on other desired pages. Follow pic :
Pre-Twelve
3. After pasting the Preloader component on other pages go to the interaction panel on right, click on “+” tab on the page trigger tab and choose page load option. Follow pic :
Pre-Thirteen
4. Now choose preloader animation from the list. Follow pic:
Pre-Fourteen