custom css for admin only

Question

custom css for admin only

Petra Žagar

2022年4月28日 23:00

I need custom CSS for admin. So if user is not logged in or is anything else but admin there is one CSS, and for admin only different CSS.

I tried this code in functions.php:

function wpa66834_role_admin_body_class( $classes ) {
    global $current_user;
    foreach( $current_user-roles as $role )
        $classes .= ' role-' . $role;
    return trim( $classes );
}
add_filter( 'admin_body_class', 'wpa66834_role_admin_body_class' );

and in custom CSS field:

#targetElement { 
    display: none; 
}
.role-administrator #targetElement { 
    display: visible; 
}

But it doesn't work.

Topic php css Wordpress

Category Web

Petra Žagar · Accepted Answer · 2018年4月10日 15:32

Solution:

function add_custom_styles() {
    if ( is_admin() ) {  ?>
    <style type="text/css">
        .site-description {
            display: none !important;
        }
        .site-title {
            display: none !important;
        }
    </style>
<?php }
}
add_action('wp_head', 'add_custom_styles');

Mat · Accepted Answer · 2018年4月10日 13:21

The code that you've tried already adds the role CSS class to the admin_body_class, which only affects the admin area/backend. Simply change the filter to alter the frontend body class body_class, eg.

function wpa66834_role_admin_body_class( $classes ) {
    global $current_user;
    foreach( $current_user->roles as $role )
        $classes .= ' role-' . $role;
    return trim( $classes );
}
add_filter( 'body_class', 'wpa66834_role_admin_body_class' );

custom css for admin only

About