Styling the Admin Menu

Hello,

I am styling my wordpress admin screen. So far I have styled the admin bar, using the below code. Can someone please tell me the hooks and selectors to do this to the admin menu down the left hand side of the admin screen?

add_action( 'admin_menu', 'change_bar_color1' );

function change_bar_color1() {

    ?>

    <style>
        #wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
            color: #FFFFFF !important;
        }

/* Top Bar Background */

        #wpadminbar {
            background: #303030 !important;

        }
/* Top Bar Background Hover */
        #wpadminbar .quicklinks ul li a:hover {
            background: #2ebab5;
        }
/* Top Bar Background Hover */
        #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item, #wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
            color: #fff !important;
            background: #2ebab5 !important;
        }
/* Dropdown Background */
        #wpadminbar .menupop .ab-sub-wrapper {
            background: #444444;

        }
/* Dropdown Text */
        #wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar-nojs .quicklinks .menupop:hover ul li a {
            color: #ffffff !important;
        }
/* Dropdown Text Hover */
        #wpadminbar .menupop .menupop > .ab-item:hover:before, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar li .ab-item:focus:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:after, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover #adminbarsearch:before, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover .ab-item:before, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover {
            color: #ffffff !important;
        }
/* WordPress Dropdown Background */
        #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
            background: #444444 !important;
        }

    </style>

    <?php
}

• This topic was modified 8 years, 5 months ago by Jan Dembowski.