Alert - iThemelandcoithemelandco.com/Plugins/Documentations/All-In-One... · For install this...
Transcript of Alert - iThemelandcoithemelandco.com/Plugins/Documentations/All-In-One... · For install this...
Alert For WPBakery Page Builder
iThemelandcoBy
Version 1.0
Last Edition : 1 / 25 / 2018
iThemelandCo
iThemeland Alert For VC
2
TABLE OF CONTENTS :
1. System Requirements
2. Features
3. Installation
4. How To Use
5. Credits
6. Getting Support
iThemelandCo
iThemeland Alert For VC
3
1- SYSTEM REQUIREMENTS
For iThemeland Alert For VC plugin you should install the last version of
WPBakery page builder (visual composer)
iThemelandCo
iThemeland Alert For VC
4
2- FEATURES User friendly design
Many predefined preset
Show alert event (with click, with scroll to a custom class/ID, after
specified time and with custom JS)
Set close timer with Progress bar
2 beautiful layout with many variations
Set background image , solid color and gradient color
Set icon from icon sets or use image icon
Fixed position (top, bottom, left and right)
Set alert width
Customize title font and description font from 500+ Google font
Customize color (title, decription, border, dismiss and…)
Show / Hide dismiss button
Many show / hide animation
iThemelandCo
iThemeland Alert For VC
5
3- INSTALLATION For install this plugin you must have a working version of WordPress
already installed. Upon downloading the iThemeland Alert For VC
archive, extract the archive and inside extracted folder you will find full
contents of your purchase. iThemeland-Alert-For-VC.zip archive contains
the installable plugin files.
Please Note: You can install the plugin in two ways: inside WordPress, or
via FTP. If you have trouble installing the theme inside WordPress,
please proceed with installing it via FTP and you will be able to get
around the issue
Installing from WordPress
Follow the steps below to install inside Wordpress
Navigate to Appearance > Plugins
Click Install Plugins and then Upload
Navigate to iThemeland-Alert-For-VC.zip on your computer and
click Install Now
To activate the newly installed plugin navigate to Appearance >
Plugins select the iThemeland Alert For VC and press Activate
After install, activate the plugin.
Installing via FTP Server
Follow the steps below to install via FTP
Unzip iThemeland-Alert-For-VC.zip to a desired location on your
HDD. These extracted files will be uploaded later via FTP
Connect to your server via FTP
Navigate to /wp-content/plugins/ on server
Navigate to location of unzipped iThemeland-Alert-For-VC.zip
Upload local folder / iThemeland-Alert-For-VC / to remote /wp-
content/plugins/
To activate the newly installed plugin navigate to Appearance >
Plugins select the iThemelandAlert For VC and press Activate
After install, activate the plugin.
iThemelandCo
iThemeland Alert For VC
6
4- HOW TO USE 1- For create a new alert click on backend editor and then click on “add
new element”
2- Go to “All In One Puzzle” tab and click on “Alert”
iThemelandCo
iThemeland Alert For VC
7
3- On add-on page you can see 6 tab describe below
General :
Choose Preset: You can choose your alert from many
predefined presets
Title
Description
Layout: There are two layout (vertical & horizontal)
Icon: You can choose the icon of alert from icon set or image
o Icon
Icon library
Select icon
Icon size: Enter the value in pixel.
iThemelandCo
iThemeland Alert For VC
8
o Image
Select image in image library
Image size: Enter the value in pixel.
Fixed Position: If check this you can set alert position as fixed
o Top or bottom
o Left or right
o Distance : Enter value on pixle.
Dismiss: Show / Hide alert close icon.
Max-width: Enter value in pixel. Leave blank to set with 100%
Custom class: A custom class to manage your shortcode with
custom CSS/JS.
iThemelandCo
iThemeland Alert For VC
9
Design :
Main alert padding: The inner padding of alert.
Align: The align of alert when it isn’t fixed position.
Margin: You can set margin of alert
o Top: Enter the value in pixel.
o Bottom: Enter the value in pixel.
o Left: Enter the value in pixel.
o Right: Enter the value in pixel.
Main alert border: The main border of alert.
o Border width: Enter the value in pixel.
o Border style
o Border radius
Inner alert border: The inner border of alert.
o Border width : Enter the value in pixel.
o Border style
o Border radius
iThemelandCo
iThemeland Alert For VC
10
Event : on this tab you can choose show and hide event of alert.
Show event
o Show at page load: Alert show by default on page load.
o On Scroll: alert appear after page scroll arrives to a
specific class/ID
o After The Time: The amount of time you want the alarm
to be displayed(for example after 5 second)
o On Click: The alert appear after click on a specific
class/ID.
o Custom event: you can write your custom script to
appear alert.
Auto close time (ms): If set this, The alert disappear
automatically after specific time. Otherwise user must click on
close icon.
iThemelandCo
iThemeland Alert For VC
11
Typography: On this tab you can set alert title and description font
from 500+ google font.
Title
o Size
o Letter spacing
o Align
o Transform
o Font family
Description
o Size
o Letter spacing
o Align
o Transform
o Font family
iThemelandCo
iThemeland Alert For VC
12
Color & background: On this tab you can customize color and
background of alert.
Alert background image or color: The main background of
alert.
o Image
Background image
Select image
Background-size
Background position
o Color
Single color
Gradient
Gradient start
Gradient end
iThemelandCo
iThemeland Alert For VC
13
direction
Border color
o Main alert
o Inner alert
Box text color
Icon text color
Icon background color
Dismiss
o Dismiss text color
o Dismiss background color
o Dismiss hover text color
o Dismiss hover background color
Progress background color
Animation: In this tab you can set in/out animation of alert.
Animate In
Animate Out
iThemelandCo
iThemeland Alert For VC
14
5- CREDITS
Animate: https://daneden.github.io/animate.css/
6- GETTING SUPORT
For support on iThemeland Alert For VC and all other iThemelandCo plugins
and themes, please send your email to [email protected]