Styling

Hi Andreas,

I hope you are well today and thank you for your question.

I checked your site and found that the size of pop over content is greater than the height and width of pop over you have defined in pop over Appearance settings therefore it is getting cut.

To fix it either increase the height and width of pop over or remove it at all from pop over Appearance settings.

Best Regards,

Hi Andreas,

The Javascript should not generate any problem but for testing just try disabling it.

Let me know which version of WordPress and PopUp plugin you are using.

Please share me the screenshot of pop up settings by uploading it on http://imgur.com/ and posting the image link here.

Kind Regards,

Hi Andreas,

Thank you for sharing the scrrenshot.

I could reproduce the same issue on my test site using the same configuration you are using.

The problem is this that you have applied the padding to the #message div adding the following code in stylesheet file of your theme.

div#message {
padding: 10px;
}

When using Javascript method to center the popover it doesn’t consider the padding when computing height and width of #message div as it uses height() and width() methods instead of innerHeight() and innerWidth() methods respectively.

I have notified this to the developer to fix in the plugin.

In the meanwhile you can just change the code in the plugin file wordpress-popup/popoverincludes/js/popoverlegacy.js on line number 47 and 48 as displayed below

Before Editing:

jQuery('#' + popover.divname ).width(jQuery('#message').width());
jQuery('#' + popover.divname ).height(jQuery('#message').height());

After Editing:

jQuery('#' + popover.divname ).width(jQuery('#message').innerWidth());
jQuery('#' + popover.divname ).height(jQuery('#message').innerHeight());

Please advise if you have more questions.

Regards,