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. Jan 5 '18 at 12:37
  • Any news? Or prospect?
    – user4147
    May 30 '18 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" May 30 '18 at 16:19

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, privacy policy and cookie policy