Profile

ProStyler Revelation Members Area

Click INSERT ELEMENT

Click Popup

This is your preview window, as you add and change things this will auto update.

Enter a Title For Your Element. This will allow you to find items on your page later quickly.

Enter your popup heading here e.g 10 tips to success.

Enter your content for your popup in here. You can use images, add hyperlinks and more using the WYSIWYG editor.

Then select how you would like your popup to open.You can have it open automatically after x amount of seconds.

When a visitor intends to leave your website. To preview this just go to click the x in the preview window.

Or when a button on your website is clicked.

If you set it to open with a button you can then configure your button here.

Enter the text you wish to appear on your button

Select the size you would like your button.

Here you can select a button style we have 4 to pick from.

Just simply click the one you like

Pick a color for your button to use.

If you select “Primary” or “Secondary” color this will use the colors you have chosen in the “ProStyler Theme Options Panel”

You can select an icon to display on your button here.

Click Styling

Here you can adjust the margin. This is the space around your element.

Here you can add a animation effect for your popup on opening and closing we have lots to pick from.

My personal favourite is Newspaper. Just simply select the one you like.

You can also disable elements from showing. With the toggles.If you do not want the headline to show just un tick the heading box.If you do not want the content to show untick content. If you do not want a close button to show just untick close butto

You can also make more adjustments. If you click the cog icon next to each element.

You can change the font and text colour.

The Close Button type, and the text displayed.

Next you can select your popup background color. The popup element will then use this color as a base to color your popup.

Select a overlay color, this is the background that will show when your popup opens. So the entire content behind it will be gone like a lightbox with your popup in the middle.

Click SAVE

Click SAVE PAGE

Then view your page to see your popup In all its glory!

That’s it. You’re done.

Copyright © 2017 Pro Styler Theme