When viewing or editing a note attached to a contact, the dialog window displays the note content shifted far to the right. This is a new problem, but I'm not sure if it's a result of installing a WP plugin, or upgrading to CiviCRM 5.27.3 or 5.28.0. The issue seems to be with the jQuery class ui-dialog-content.

Anyone else seeing this? Any suggestions for finding the cause of the problem? Thanks in advance.

Wordpress 5.5, CiviCRM 5.28.0

  • Do you have shoreditch civi extension installated? Commented Aug 15, 2020 at 10:37
  • Thanks. No, no Shoreditch.
    – Jern
    Commented Aug 16, 2020 at 18:50

1 Answer 1


Turns out it was a CSS conflict with the Woocommerce Event Manager plugin in WordPress. In fact it was affecting the formatting of many different modal dialog windows in CiviCRM, not just the Contact Notes dialog.

In case anyone's interested, I tracked it down by opening the misbehaving dialog in CiviCRM, then used Chrome -> Developer Tools -> Elements to identify the div with the right-shift problem. The CSS hierarchy for this element showed (in the 'Styles' pane) that the CSS heirarchy was interrupted (Jquery UI classes were struckthrough), and it gave the CSS filename, which gave a clue to the identity of the naughty WP plugin.

Of course, I could have just deactivated each WP plugin in turn...

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.