Divi Popup
This is a demonstration of a popup functionality for the Divi theme created by Ania Romańska from Divi Lover. You can copy the CSS and jQuery code from this article and watch a step-by-step walkthrough on how to recreate it.
Get in touch
[et_pb_icon font_icon=»||fa||900″ icon_color=»#FFFFFF» icon_width=»20px» module_class=»dl-popup-close» _builder_version=»4.17.4″ _module_preset=»default» background_color=»#343852″ positioning=»absolute» position_origin_a=»top_right» vertical_offset=»-20px» horizontal_offset=»-20px» z_index=»5″ custom_padding=»17px|20px|17px|20px|true|true» border_radii=»on|50px|50px|50px|50px» global_colors_info=»{}» background__hover_enabled=»on|desktop» background_color__hover=»#1f2235″ background_enable_color__hover=»on» theme_builder_area=»post_content» _i=»0″ _address=»1.0.1.0″ /]
[et_pb_icon font_icon=»||fa||400″ icon_color=»#FFFFFF» icon_width=»40px» module_class=»dl-popup-close» _builder_version=»4.17.4″ _module_preset=»default» positioning=»absolute» position_origin_a=»top_right» vertical_offset=»-30px» horizontal_offset=»-40px» global_colors_info=»{}» theme_builder_area=»post_content» _i=»0″ _address=»2.0.0.0″ /]
Sample Popup Content
Click the button below, or click the background behind the popup container to close the popup.