CSS styles issue with Add new attribute side panel in admin

Hello,

There is a CSS styles issue with Add new attribute side panel in admin Products > Attributes (see attached image).

It seems to me that the problem is in this CSS code:

.xts-sections {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}

Because when I disable “height” property the styles get normal.

Also there is an issue with WooCommerce Multilingual & Multicurrency. “Translatable?” option is embed in “Swatch size” block and make some mess in structure.

Attachments:

You must be logged in to view attached files.

Hello,

Could you please send me access to the admin panel so I can investigate that?

Thank you in advance.

Kind Regards

Hello,

Here you are.

Hello,

May I enable the parent theme and disable some 3rd party plugins for testing?

Thank you in advance.

Kind Regards

Hello,

Yes, you can make changes.

Hello,

The problem is caused by the WooCommerce Multilingual & Multicurrency plugin. If you turn it off, the options look normal. In case the plugin is indispensable and must be enabled, use the code below for help:

.product_page_product_attributes .xts-sections {
	height: auto;
}

Paste the code into the Theme Settings -> Custom CSS -> Admin CSS area.

Kind Regards

Hello,

Thank you for quick fix. Now all styles look great.

P.S.: It would be nice if your team contacted the WPML compatibility team and this problem was fixed at all.

Hello,

Thank you for your feedback! We’re glad to hear the quick fix worked and that the styles now look as expected. We appreciate your suggestion to contact the WPML compatibility team, and we’ll certainly pass it along to our development team to explore a more permanent solution.

If there’s anything else we can assist you with, please feel free to reach out.

Kind Regards

[Author]

Posts