← All posts

Tutorials

Reshape the WordPress admin (wp-admin) with JustZix

18 May 2026 · by JustZix Team

The WordPress dashboard gets cluttered fast: every plugin drops in its own notice, promo banner or review nag, the post editor is narrower than it could be, and the list tables are hard to scan. You cannot fix that in Settings — but you can layer your own CSS and JS with a JustZix rule scoped to /wp-admin/. Here are a few ready-made tweaks that make the panel calm and readable.

Hide plugin notices and nags

The biggest source of noise in wp-admin is .notice — the banner strip above the content. Plugins fill it with upsells for paid versions, review requests and update reminders. WordPress has no global off switch, so we hide them with CSS:

/* Hide promo banners and plugin nags */
#wpbody-content .notice,
#wpbody-content .updated,
#wpbody-content .update-nag,
#wpbody-content .notice-info,
.wp-pointer {
  display: none !important;
}

/* ...but keep real error warnings visible */
#wpbody-content .notice-error,
#wpbody-content .notice-warning {
  display: block !important;
}

We keep .notice-error and .notice-warning because those carry the messages that matter — a critical update, a database problem. The promotional noise disappears, the important stuff stays.

Declutter the admin menu

The left menu (#adminmenu) bloats over time — one plugin, one new item. If you never use certain sections you can hide them. Each menu item has a stable CSS id:

/* Hide menu items you never use */
#adminmenu #menu-comments,
#adminmenu #menu-tools,
#adminmenu li#menu-dashboard ul li:nth-child(2) {
  display: none !important;
}

/* Tighter menu = more room for content */
#adminmenu .wp-menu-name {
  font-size: 13px;
}

Find the item id in DevTools — hover the <li> element inside #adminmenu and read its id (e.g. menu-plugins, menu-users).

Wider editor and a sticky Publish box

In the classic editor the content column is narrower than it needs to be. Widen it at the expense of the metabox column, and pin the publish panel so the Publish button is always within reach:

/* Wider content column in the classic editor */
#post-body-content {
  margin-right: 300px;
}
#postbox-container-1 {
  width: 280px;
}

/* Sticky Publish box */
#postbox-container-1 #submitdiv {
  position: sticky;
  top: 50px;
  z-index: 10;
}

Readable list tables

The post, page and comment tables (.wp-list-table) are quite loose. Tighten them and highlight rows so your eye does not get lost:

/* Denser, more readable list tables */
.wp-list-table td,
.wp-list-table th {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.wp-list-table tbody tr:hover {
  background: #f0f6fc !important;
}
.wp-list-table .check-column {
  width: 2.2em !important;
}

A darker, calmer admin

If you work in wp-admin in the evening, the bright background is tiring. WordPress has color schemes, but they do not cover the whole panel. A light CSS layer darkens the content background:

/* Slightly darkened admin background */
#wpbody-content,
.wrap {
  background: #1e1e1e !important;
  color: #e4e4e4 !important;
}
#wpbody-content .wp-list-table {
  background: #2a2a2a !important;
}
#wpbody-content a {
  color: #6cb6ff !important;
}

This is a simplified dark mode — a full one needs work on the form fields. Keep it as a separate rule and switch it on in the evening with one click from the action bar.

Hide Help, Screen Options and Gutenberg tweaks

The top Help and Screen Options tabs are rarely needed. In the block editor it is worth widening the writing area instead:

// Hide the Help / Screen Options tabs (JS, document_idle)
['#contextual-help-link-wrap', '#screen-options-link-wrap']
  .forEach(sel => {
    const el = document.querySelector(sel);
    if (el) el.style.display = 'none';
  });

// Gutenberg: a wider content area
const css = document.createElement('style');
css.textContent =
  '.editor-styles-wrapper .wp-block { max-width: 900px; }';
document.head.appendChild(css);

Build your own set

Keep each tweak as a separate, named rule — "wp-admin: no notices", "wp-admin: wider editor", "wp-admin: dark" — each pinned to the */wp-admin/* pattern. Then in a few seconds you fit the panel to the task: a clean dashboard in the morning, dark mode in the evening.

Ready-made rules for the WordPress admin are in the catalog — see the examples for wp-admin and copy whatever fits. Install JustZix and declutter your dashboard today.