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 ithemeland.sup724@gmail.com