How to

How do I add Font Awesome icons to buttons and images?

Visit Font Awesome, pick an icon, and add it with icon="fa-comment", icon="fas fa-plus", icon="far fa-star", or icon="fab fa-facebook". Ensure Font Awesome is set to Yes in plugin settings unless your template already loads it.

How do I write shortcodes faster?

Use the built-in Shortcode Examples tab: Extensions > Plugins > System - Easy Popup, open the tab, click Copy, paste into your article or module, then customise values.

Why is popup content visible on the page?

Do not nest popup shortcodes inside <p> tags when the body contains block elements. Easy Popup stores content in a hidden #popinline div (legacy Fancybox pattern). Use block-level shortcodes and {clearfix} after floated images.

How do hover overlays work?

Add overlaytext to an image trigger. The overlay fades in on hover by default. Set overlay="true" to keep the badge always visible.

Modern vs Classic theme — which should I use?

Modern (2026) is recommended for new sites: blur overlay, rounded panel, zoom/slide animations, and updated ibtn styling. Classic keeps the legacy Fancybox look with pattern backgrounds and image close buttons.