The contact screen in shoreditch on wordpress looks like this; Different from the screens i find on the extension page. Is there a reason, or am I doing something wrong? enter image description here

  • Civi's WordPress layout has always been different from Drupal's, and I guess the main focus of Shoreditch is on the latter as the majority of people use that. Hopefully one of the team will let us know about WordPress support. Commented Jan 5, 2018 at 12:37
  • Any news? Or prospect?
    – user4147
    Commented May 30, 2018 at 16:13
  • Last I saw, Shoreditch for Drupal was due to go final very soon: civicrm.org/blog/jamienovick/…. Jamie says "We've mainly tested this initial Shoreditch release on the Drupal user interface but we'll shortly be putting up a make it happen for full testing for Joomla and Wordpress compatibility. Whilst we believe that Shoreditch should mostly work on Joomla and Wordpress, we'd welcome feedback and bug reports for when we do start that work" Commented May 30, 2018 at 16:19

2 Answers 2


The documentation in Shoreditch states:


  • Drupal 7
  • CiviCRM, v5.0+ recommended
  • "CiviCRM Theme" module enabled
  • "Seven" theme set as CiviCRM Administration theme

My understanding is that the layout part is then heavily depending on the Seven theme, which is why it appears so differently in WordPress. Please correct if this is a misunderstanding.

If you use the CiviCRM Admin Utilites plugin, you can enable WP Admin Styles, published blog post with an overview.

CAU Settings

Contact Record Sample


Try this extension from bgm: https://civicrm.org/extensions/shoreditch-wordpress-workarounds

It's working better than the CiviCRM Admin Utilities WP-Plugin.

Your Answer

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