WP PowerSuite
150+ modules in one suite — toggle only what you need. Zero runtime cost for features you leave off.
See Plans
On This Page
v 1.1.1
Last updated: 09/03/2026

Custom Admin CSS

Inject your own CSS into the admin area. Tweak colors, typography, spacing, or hide elements—no theme edits, no extra plugins.

Overview

Custom Admin CSS lets you add your own CSS that runs only in the WordPress admin (wp-admin). Change colors, fonts, spacing, or hide elements without editing theme files or installing a separate plugin. Paste your CSS into the textarea and save. It’s injected into the admin head on every admin page. Use selectors like #wpadminbar, #adminmenu, .wrap, .wp-list-table. Dangerous CSS (javascript:, expression(), behavior:) is stripped for security.

Who is this for?
Administrators who want to customize the admin appearance, hide elements, or match admin styling to their brand—without touching theme or plugin code.

Features

Admin-Only CSS
CSS runs only in wp-admin. No impact on the frontend.
Code Editor
Syntax highlighting and formatting in the settings panel (when available).
Security Filtering
Dangerous CSS (javascript:, expression(), behavior:) is removed automatically.
No Theme Edits
All changes live in the module settings. Survives theme and plugin updates.

How It Works

1
Enable the Module
Go to WP PowerSuite, find "Custom Admin CSS," and click the Enable button.
2
Add Your CSS
Open the module settings. Paste your CSS into the textarea. Use admin selectors: #wpadminbar, #adminmenu, .wrap, .wp-list-table, etc.
3
Save
Settings save automatically. Your CSS is injected into the admin head on every admin page.
Performance Note
Lightweight. Injects a single block into admin_head. No external requests. CSS is stored in the database and output on each admin page load.

Installation & Activation

1
Install WP PowerSuite
Make sure the WP PowerSuite plugin is installed and activated on your site.
2
Enable the Module
Go to the WP PowerSuite menu, find "Custom Admin CSS" in the module list, and click the Enable button.
3
Add CSS
Open the module settings, paste your CSS, and save.
Requirements
PHP 8.1 or higher WordPress 6.0 or higher Permission to manage options (Administrator)

Use Cases

  • Branding
    Change admin bar or menu colors to match your brand
  • Simplification
    Hide admin elements you don't use
  • Typography
    Adjust typography or spacing in the admin
  • LayoutFixes
    Fix layout issues caused by other plugins
  • WhiteLabeling
    White-label the admin for client sites

Frequently Asked Questions

Troubleshooting

  • CSS not applying
    Check your selectors. Use browser DevTools to inspect the admin and find the correct classes/IDs. Ensure the module is enabled and you saved.
  • Changes disappeared after update
    Custom Admin CSS is stored in the database, not in theme files. It should persist. If it's gone, re-paste and save. Check that the module is still enabled.