Adding Custom CSS

Adding Custom CSS — a practical guide to WordPress plugin CSS with clear examples you can reuse in real projects.

WordPress Plugin Development Series (17/95). Prefer one article? Read the complete WordPress plugin development tutorial.

Short description

Prefix CSS classes with your plugin slug. Load admin CSS only on your plugin screens when possible.

Admin-only CSS

add_action('admin_enqueue_scripts', function ($hook) {
    if ($hook !== 'toplevel_page_acme-settings') {
        return;
    }
    wp_enqueue_style('acme-admin', plugins_url('assets/css/admin.css', __FILE__), [], '1.0.0');
});