Title: Css UI dialog issues
Last modified: May 24, 2022

---

# Css UI dialog issues

 *  [samjco](https://wordpress.org/support/users/samjco/)
 * (@samjco)
 * [4 years ago](https://wordpress.org/support/topic/css-ui-dialog-issues/)
 * Just FYI…
    the Icon library popup window conflicts with the WP Editor controls.
   To fix, you can add a simple toggle class
 * You may need to add these to styles:
    `.low-z-index{z-index:1 !Important;}`
 * and this js to your popup click:
 *     ```
       $('.wp-editor-expand div.mce-toolbar-grp').toggleClass('low-z-index');
       $('.wp-editor-expand #wp-content-editor-tools').toggleClass('low-z-index');
       ```
   
 * and this to the popup close:
 *     ```
       $('.wp-editor-expand div.mce-toolbar-grp').toggleClass('low-z-index');
       $('.wp-editor-expand #wp-content-editor-tools').toggleClass('low-z-index');
       ```
   
 * Also, The icons css are not centered inside box
    -  This topic was modified 4 years ago by [samjco](https://wordpress.org/support/users/samjco/).

The topic ‘Css UI dialog issues’ is closed to new replies.

 * ![](https://ps.w.org/gs-acf-icons/assets/icon.svg?rev=2617173)
 * [GS ACF Icons](https://wordpress.org/plugins/gs-acf-icons/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/gs-acf-icons/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/gs-acf-icons/)
 * [Active Topics](https://wordpress.org/support/plugin/gs-acf-icons/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gs-acf-icons/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gs-acf-icons/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [samjco](https://wordpress.org/support/users/samjco/)
 * Last activity: [4 years ago](https://wordpress.org/support/topic/css-ui-dialog-issues/)
 * Status: not resolved