WPBakery Custom CSS & JS modal is clipped, cannot edit CSS

[minde]

Hi, after a recent update I’m experiencing a UI issue in the WordPress admin when using WPBakery Page Builder with Woodmart:

The “Custom CSS & JS” modal/panel in WPBakery opens too wide and shifted to the right, so the code editor area is clipped/narrow and part of the modal (incl. whitespace) extends off-screen.

Horizontal scrolling is disabled and the editor cannot be resized, so adding/editing CSS is very difficult.

(Please see attached images.)

If there’s a preferred snippet or if this is already fixed in a newer Woodmart build, please let me know.

Thanks in advance!

• This topic was modified 1 month ago by minde.

Attachments:

You must be logged in to view attached files.

Hi,

To fix this issue, try to add the following code snippet to the Dashboard Custom CSS area in Theme Settings.

div.vc_panel-tabs > .vc_row.vc_active {
	display: flex;
}

This issue will also be fixed in the next theme update.

Kind Regards

[Author]

Posts