Popup Template

The popup window used in the “Show posts in popup” feature of Portfolio Posts Pro is controlled by the dp-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 to your child theme’s root folder:


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:


Popup Window


Pin It on Pinterest

Share This