Popup Template


The popup window used in the “Show Post in Popup” feature of Divi FilterGrid is controlled by the dp-dfg-popup-template.php file located in the /templates/ folder of the plugin. If you need more control over how the content is displayed in the popup, you can copy this file and save it in a folder named “dp-divi-filtergrid” within your child theme’s root folder:

/wp-content/themes/your-child-theme-folder/dp-divi-filtergrid/dp-dfg-popup-template.php

Once copied, the plugin will use your version of the template to display content in the popup. If you need to make CSS changes to the popup content, this is where you would add your custom CSS. You’ll want to add your CSS rules just before the closing </head> statement in this file like this:

The CSS added to this file will only apply to the popup content. Since the content is loaded via an iframe, it’s not possible to specifically target the content with CSS added to your child theme’s style.css file or Custom CSS box in the Divi Options page.

If you want to change the appearance of the popup overlay or popup window, you can use the following classes in your child theme’s style.css file or the Custom CSS box in the Divi Options page:

Overlay

Popup Window

 

Share This