Sorry, but after several trials, I still failed to color .admin_menu background. Coloring #adm_submenus background is successful though.
Anybody has any ideas how to do this?
Is it that you want the admin drop menus to be a different color than the user drop menus?
I mean its background instead. But yes, that would be of help too since I am creating a new theme.
Resolved by adding minimum height. Unfortunately, will not cover all when the menu is expanded down on smaller screen size.
Glad you have something that works for you. The basic way to color the admin menus is the following (plus whatever border etc etc you want)
/* menu background */
.admin_menu .menulevel2, .admin_menu .menulevel3 {
background: blue;
}
/* menu hover color. */
.admin_menu .linklevel1:hover, .admin_menu .listlevel1:hover .linklevel1,
.admin_menu .linklevel2:hover, .admin_menu .listlevel2:hover .linklevel2,
.admin_menu .linklevel3:hover, .admin_menu .listlevel3:hover .linklevel3
{
background: green;
}
Thanks Spud. I got that one. But the one I need to cover is this.
(http://www.elkarte.net/community/index.php?action=dlattach;topic=2133.0;attach=1775;image)
The whole admin menu background can be colored by specifying its height but if it is expanded (on smaller screen), I can't find a way to make it colored like adm_submenus.
This is important as it also affects menus in profile and others as well.
Try:
.admin_menu:after {
content: '';
display: block;
clear: both;
}
.admin_menu {
background-color: #000;
}And similar for profile and moderation.
Yes. This works well. Thank you very much.