Woodmart global CSS breaks Modern Events Calendar (search form + TinyMCE editor)

Hello Woodmart Support

I am experiencing confirmed compatibility issues between the Woodmart theme and the Modern Events Calendar (MEC) plugin.

The MEC developers have reviewed the case and confirmed that the issues are caused by Woodmart’s global CSS overriding plugin styles, not by MEC itself.

Issues observed:

Frontend

The search input icon (magnifier) in MEC calendar views is vertically misaligned.

This happens only when Woodmart is active.

Deactivating Woodmart immediately restores correct layout.

On the MEC “Create Event” page, the TinyMCE editor toolbar is visually broken:

Icons and buttons are misaligned

Toolbar layout is distorted

Uploading media to the event popup is distorted

No JavaScript errors are present.

Disabling Woodmart fixes the issue instantly.

Technical findings

Woodmart applies global form and editor styles (padding, line-height, flexbox, button styles).

These styles affect plugin markup both in frontend and wp-admin.

MEC uses standard WordPress/TinyMCE markup and expects default styling.

The issues are purely CSS-related, not JS.

Request

Could you please advise on one of the following:

An official Woodmart compatibility snippet or recommended overrides for third-party plugins like MEC

A way to disable or scope Woodmart’s global form/editor CSS so it does not affect plugin UIs

Any known settings to prevent Woodmart styles from loading in wp-admin or overriding TinyMCE

I can provide:

Screenshots

CSS rules identified in DevTools

Confirmation from the MEC developers that this is a theme-level issue

Thank you in advance for your assistance.

Best regards,
Henrik

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following custom css code in Theme Settings > Custom CSS:

.mec-wrap input[type=search] {
	box-sizing: border-box;
}

:is(.mec-fes-form, .mec-fes-editor) button {
	min-height: auto;
}

.mec-time-picker select {
	width: unset;
}

.mec-fes-form input[type=number] {
	text-align: left;
}

Best Regards,

Hello Aizaz

Thanks for the reply – it worked!

Have a nice day,
Henrik

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts