Your Plugin Generates Compatibility Issues

Hi!

My name’s David and I’m one of the developers of Nelio Content. Recently, we identified that your plugin is breaking the UI of ours. For instance, this is how one of our dialogs should look like; and this is how it actually looks like when your plugin is also active.

The problem occurs because of the following CSS rule in pagefrog-admin.css:

:after, :before, * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

where you’re basically “resetting” the styling of all HTML elements at your convenience. This snippet should be completely removed. Or, if you need it, replaced with a more specific CSS rule. For instance:

#pagefrog-preview-meta-box :after,
#pagefrog-preview-meta-box :before
#pagefrog-preview-meta-box * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

If you do so, this is how our dialog looks like. It doesn’t look good yet, but it’s definitely better than before.

Now, the final issue occurs because you’re enqueueing a jQuery UI stylesheet that overwrites WordPress’ default styles. The offending script is jquery_ui and it’s added in admin/class-pagefrog-admin.php (line 76+). If we comment out this custom script, the custom appearance disappears and our dialog looks beautiful again.

You can read a more detailed explanation of this issue in our blog.

Please, apply the changes I propose and release a new version of your plugin ASAP.