Title: Minor Bug | When Using Columns Fields Not Aligned
Last modified: May 8, 2023

---

# Minor Bug | When Using Columns Fields Not Aligned

 *  Resolved [hwcltjn](https://wordpress.org/support/users/hwcltjn/)
 * (@hwcltjn)
 * [3 years, 1 month ago](https://wordpress.org/support/topic/minor-bug-when-using-columns-fields-not-aligned/)
 * Hello,
 * When using columns, it seems certain fields are not perfeclty aligned and are
   slightly offset. 
   [https://ibb.co/M93JKCn](https://ibb.co/M93JKCn)
 * When in WooCommerce, the header seems to clash with the fields as well.
   [https://ibb.co/Q90r9qm](https://ibb.co/Q90r9qm)
 * Reproduced in FF, Chrome, and Safari on MacOS.
 * WP – 6.2
   PHP – 8.2ACF – 6.1.6ACF Extended – 0.8.9.3

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Konrad Chmielewski](https://wordpress.org/support/users/hwk-fr/)
 * (@hwk-fr)
 * [3 years, 1 month ago](https://wordpress.org/support/topic/minor-bug-when-using-columns-fields-not-aligned/#post-16720267)
 * Hello,
 * Thanks for the feedback!
 * I just ran some tests, and the issue seems to be only visible on a Woocommerce“
   Product” post type when using an ACF Select field with “Stylised UI” & “Multiple
   Selection” settings enabled. [Here is the video of my test](https://www.acf-extended.com/share/7v1cb).
 * Note that Woocommerce enqueue its own version of Select2, called [SelectWoo](https://github.com/woocommerce/selectWoo)
   which override the default ACF Select2 library, which also change the way the
   field is displayed.
 * You should be able to fix the little margin you see on Product post type using
   the following CSS style in your admin css:
 *     ```wp-block-code
       body.post-type-product .acf-field .select2-container.-acf .select2-selection--multiple .select2-search--inline{
           margin-top:0;
       }
       ```
   
 * As you can see on the video, ACF Extended unify the ACF Select2 display to make
   if identical to ACF Select display (you can see the field being displayed weirdly
   without ACF Extended).
 * However, since Woocommerce changed the way they handle the Select2 library I 
   preferred to wait for the version to be stable to apply further CSS fix, as it
   seems to be changing times to times, making it hard to maintain.
 * I’ll check if the css fix above doesn’t break anything, and push it into the 
   next version.
 * Regarding the second visual glitch you reported where the field is displayed 
   on top of the Woocommerce header, as shown on the video, this issue can be seen
   with ACF + Woocommerce only (without ACF Extended).
 * The problem seems to be related to the following ACF native css rule:
 *     ```wp-block-code
       .select2-container.-acf {
           z-index: 1001;
       }
       ```
   
 * I would recommend to report the issue to the [ACF Support](https://www.advancedcustomfields.com/support/)
   or the [Woocommerce Support](https://woocommerce.com/contact-us/) so they can
   fix it.
 * Hope it helps!
 * Have a nice day!
 * Regards.
 *  Thread Starter [hwcltjn](https://wordpress.org/support/users/hwcltjn/)
 * (@hwcltjn)
 * [3 years, 1 month ago](https://wordpress.org/support/topic/minor-bug-when-using-columns-fields-not-aligned/#post-16722112)
 * This is why ACF Extended is one of my favourite plugins!
   Thank you so much Konrad.
 *  Plugin Author [Konrad Chmielewski](https://wordpress.org/support/users/hwk-fr/)
 * (@hwk-fr)
 * [3 years, 1 month ago](https://wordpress.org/support/topic/minor-bug-when-using-columns-fields-not-aligned/#post-16728969)
 * You’re welcome!
 * Thank you for the words of encouragement 🙂
 * Regards.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Minor Bug | When Using Columns Fields Not Aligned’ is closed to new replies.

 * ![](https://ps.w.org/acf-extended/assets/icon-256x256.png?rev=2071550)
 * [Advanced Custom Fields: Extended](https://wordpress.org/plugins/acf-extended/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/acf-extended/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/acf-extended/)
 * [Active Topics](https://wordpress.org/support/plugin/acf-extended/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/acf-extended/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/acf-extended/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Konrad Chmielewski](https://wordpress.org/support/users/hwk-fr/)
 * Last activity: [3 years, 1 month ago](https://wordpress.org/support/topic/minor-bug-when-using-columns-fields-not-aligned/#post-16728969)
 * Status: resolved