How to Change the Admin Bar Color Scheme
Md Abul Bashar | 2,153 views | December 21, 2015 | Tips And Tricks,WordPress | No | 11:33 PM |
Hello, Guys How are you? i think you’re all good with grate, today i will tech you How to Change the Admin Bar Color Scheme. so i will go to the work.. just open your functions.php file in your theme folder then you can see at last code ?> code. you will input the code must be ?> code above, example: your code here ?>
so now you can just copy below code then you will past your functions.php page. then work fine. i was tested this code, this is 100% worked.
The colors below create a Blue Admin Bar. Modify the #color values to customize the look. /* * Change the Admin Bar Color Scheme */ function change_adminbar_colors() { $change_adminbar_colors = '<style type="text/css"> #wpadminbar *, #wpadminbar{ color:#ffffff;text-shadow:#444444 0 -1px 0; } #wpadminbar{ background-color:#003399; background-image:-ms-linear-gradient(bottom,#000033,#003399 5px); background-image:-moz-linear-gradient(bottom,#000033,#003399 5px); background-image:-o-linear-gradient(bottom,#000033,#003399 5px); background-image:-webkit-gradient(linear,left bottom,left top,from(#000033),to(#003399)); background-image:-webkit-linear-gradient(bottom,#000033,#003399 5px); background-image:linear-gradient(bottom,#000033,#003399 5px); } /* menu separators */ #wpadminbar .quicklinks>ul>li{border-right:1px solid #003399;} #wpadminbar .quicklinks>ul>li>a,#wpadminbar .quicklinks>ul>li>.abempty- item{border-right:1px solid #000033;} #wpadminbar .quicklinks .ab-top-secondary>li{border-left:1px solid #000033;} #wpadminbar .quicklinks .ab-top-secondary>li>a,#wpadminbar .quicklinks .ab-top-secondary>li>.ab-empty-item{border-left:1px solid #003399;} /* menu hover color and hover link color */ #wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item{background:#333333;color:#ffffff;} #wpadminbar .hover .ab-label,#wpadminbar.nojq .ab-item:focus .ablabel{ color:#ffffff;} #wpadminbar .menupop.hover .ab-label{color:#ffffff;} /* menu, on mouse over hover colors */ #wpadminbar .ab-top-menu>li:hover>.ab-item,#wpadminbar .ab-topmenu> li.hover>.ab-item,#wpadminbar .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus{ color:#fafafa; background-color:#000033; background-image:-ms-linear-gradient(bottom,#003399,#000033); background-image:-moz-linear-gradient(bottom,#003399,#000033); background-image:-o-linear-gradient(bottom,#003399,#000033); background-image:-webkit-gradient(linear,left bottom,left top,from(#003399),to(#003399)); background-image:-webkit-lineargradient( bottom,#003399,#000033); background-image:linear-gradient(bottom,#003399,#000033); } /* menu item links hover color */ #wpadminbar .menupop li:hover,#wpadminbar .menupop li.hover,#wpadminbar .quicklinks .menupop .ab-item:focus,#wpadminbar .quicklinks .ab-top-menu .menupop .abitem: focus{background-color:#ccffcc;} /* menu item non-link colors */ #wpadminbar .ab-submenu .ab-item{color:#333333;} /* menu item link colors */ #wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop ul li a strong,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#0099cc;} /* my sites hover color */ #wpadminbar .quicklinks .menupop .ab-sub-secondary>li:hover,#wpadminbar .quicklinks .menupop .ab-sub-secondary>li.hover,#wpadminbar .quicklinks .menupop .absub- secondary>li .ab-item:focus{background-color:#dfdfdf;} /* update menu colors */ #wpadminbar .quicklinks a span#abupdates{ background:#eeeeee;color:#333333;} #wpadminbar .quicklinks a:hover span#abupdates{ background:#ffffff;color:#000000;} /* howdy menu */ #wpadminbar .ab-top-secondary{ background-color:#003399; background-image:-ms-linear-gradient(bottom,#000033,#003399 5px); background-image:-moz-linear-gradient(bottom,#000033,#003399 5px); background-image:-o-linear-gradient(bottom,#000033,#003399 5px); background-image:-webkit-gradient(linear,left bottom,left top,from(#000033),to(#003399)); background-image:-webkit-linear-gradient(bottom,#000033,#003399 5px); background-image:linear-gradient(bottom,#000033,#003399 5px); } /* Howdy menu, username text color in dropdown */ #wpadminbar #wp-admin-bar-user-info .display-name{color:#333333;} #wpadminbar #wp-admin-bar-user-info .username{color:#999999;} /* search */ #wpadminbar #adminbarsearch .adminbar-input{color:#ccc;text-shadow:#444 0 -1px 0;background-color:rgba(255,255,255,0);} #wpadminbar #adminbarsearch .adminbar-input:focus{color:#555;textshadow: 0 1px 0 #fff;background-color:rgba(255,255,255,0.9);} #wpadminbar.ie8 #adminbarsearch .adminbar-input{backgroundcolor:# 003399;} #wpadminbar.ie8 #adminbarsearch .adminbar-input:focus{backgroundcolor:# fff;} #wpadminbar #adminbarsearch .adminbar-input::-webkit-inputplaceholder{ color:#ddd;} #wpadminbar #adminbarsearch .adminbar-input:-mozplaceholder{ color:#ddd;} </style>'; echo $change_adminbar_colors; } /* wp-admin area */ if ( is_admin() ) { add_action( 'admin_head', 'change_adminbar_colors' ); } /* websites */ if ( !is_admin() ) { add_action( 'wp_head', 'change_adminbar_colors' ); }
You have to enjoy this articel? Don't forget subscribes this site.
If you want to get our update article, then please subscribe this site.
This title last post
2,153 views | December 21, 2015 | 11:33 PM