Title: Your Plugin Generates Compatibility Issues
Last modified: September 7, 2016

---

# Your Plugin Generates Compatibility Issues

 *  [David Aguilera](https://wordpress.org/support/users/davilera/)
 * (@davilera)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/your-plugin-generates-compatibility-issues/)
 * Hi!
 * My name’s David and I’m one of the developers of [Nelio Content](https://wordpress.org/plugins/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](https://1iz0j930jf2r1vrz244aql7x-wpengine.netdna-ssl.com/wp-content/uploads/2016/09/beautiful-user-interface.png);
   and [this is how it actually looks like when your plugin is also active](https://1iz0j930jf2r1vrz244aql7x-wpengine.netdna-ssl.com/wp-content/uploads/2016/09/broken-user-interface.png).
 * 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](https://1iz0j930jf2r1vrz244aql7x-wpengine.netdna-ssl.com/wp-content/uploads/2016/09/broken-user-interface.png).
   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](https://neliosoftware.com/blog/when-wordpress-freedom-kills-your-business/)
   in our blog.
 * Please, apply the changes I propose and release a new version of your plugin 
   ASAP.

The topic ‘Your Plugin Generates Compatibility Issues’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/pagefrog_4e5371.svg)
 * [Facebook Instant Articles & Google AMP Pages by PageFrog](https://wordpress.org/plugins/pagefrog/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/pagefrog/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/pagefrog/)
 * [Active Topics](https://wordpress.org/support/plugin/pagefrog/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/pagefrog/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/pagefrog/reviews/)

## Tags

 * [compatibility issues](https://wordpress.org/support/topic-tag/compatibility-issues/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [jQuery UI](https://wordpress.org/support/topic-tag/jquery-ui/)

 * 0 replies
 * 1 participant
 * Last reply from: [David Aguilera](https://wordpress.org/support/users/davilera/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/your-plugin-generates-compatibility-issues/)
 * Status: not resolved