Fully customizable and stylish button with a lot of different effects for text and background. Button element have over 20 different presets.

• Title – The button title or text
• Subtitle – You can set subtitle below button title
• Link – The URL where the link from the button leads to
• Position – Button position inline | block | left | center | right
• Button Styling – Customize button styling background, color, size, etc.
• Icon – Set specific retina icon for button beside title and subtitle
• Icon Position – Select icon position before or after button title
• Icon Styling – Customize icon styling background, color, size, etc.
• Button Effect – Over 18 button hover effects with animation
• Text Effect – Over 9 button text effects on hover
• Alternative title – If you set text effect then you can set alternative title
• Alternative Subtitle – If you set text effect then you can set alternative subtitle
• Presets – This element have multiple stylish presets that you can use them
• Advanced tab – Responsive, Animation, Parallax, etc.

Two stylish buttons stick together spliced by separator text or icon.

• Button 1 – The title of button 1
• Link 1 – The URL where the link from the button leads to
• Button 2 – The title of button 2
• Link 2 – The URL where the link from the button leads to
• Position – Buttons position available at left | center | right
• Styling – Buttons styling baclground, color, typography, etc.
• Separator – Separator type available at Text | Icon
• Separator Text – Separator content text or number
• Separator Icon – Select icon from icons library
• Separator Style – Predefined different separator styles
• Separator styling – Separator styling baclground, color, typography, etc.
• Presets – This element have multiple stylish presets that you can use them
• Advanced tab – Responsive, Animation, Parallax, etc.

This is an example tutorial and you can do it on any pages, Create a new page from Dashboard > Pages > Add New like below shot:

Now go to the Frontend Editor and add button element then set unique button URL with hash like below, #my_popup_1

Now add Popup Modal Box element and set same unique ID for it without hash

Click on the Popup hashtag in the page to open popup modal box, then you can add any elements inside it, like below

• How to load popup on all pages? – Create a new custom page and name it for example popup, then add popup element and inside it add other elements. Then publish page. Now go to Theme Options > Header > Header and add custom page element and choose your popup page, Now all pages have your popup content and you can call it with hashtag link.