How to change background color of bookmark menus?
How do I change the background color (in the userchrome) of the bookmark folder menus? I'm not talking about the bookmark sidebar background color, I'm talking about when you have a folder in your bookmark bar and click on it, the drop down background color.
I don't want to have to change themes, I know there is a way to "hack" or over ride the current color without having to change the theme. Also, changing my computer settings don't do crap, it has nothing to do with the colors of my browser.
Thanks for your help in advance.
All Replies (10)
Are you talking about the Bookmarks menu on the Menu Bar or about the menu of a folder item on the Bookmarks Toolbar?
#personal-bookmarks menupopup {
color:#000 !important;
background-color: #e8e8ff !important;
}
#bookmarksMenuPopup,
#bookmarksMenuPopup menupopup {
color:#000 !important;
background-color: #e8e8ff !important;
}
The menu of a folder item on the bookmarks toolbar, as in the dropdown menu you get when you click on a folder in the bookmarks toolbar. I tried both of those in the userChrome and it didn't change the back ground color.
Are you using the default theme (Tools > Add-ons > Themes) or a custom theme?
The #personal-bookmarks code should work for the Bookmarks Toolbar.
Yes, I disabled everything and switched to the default theme and it still did not work.
That didn't work but I used this code and it worked, not sure why since it is basically the same thing:
- bookmarksMenuPopup menupopup arrowscrollbox,
- personal-bookmarks menupopup arrowscrollbox {
background-color:#ffc !important; }
Modified by aptharsia
Does other code that you place in userChrome.css work ?
Make sure that the file has a @namespace line at the begin of the userChrome.css file.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
See also http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files
Modified by cor-el
How do I change ALL the drop-down menus' background color (File, Edit, View, etc.)?
Code like this should work for the menu bar:
#main-menubar menupopup {
color:#000 !important;
background-color: #e8e8ff !important;
}
cor-el, thank you! Your code worked, but you have to add arrowscrollbox after menupopup.
- main-menubar menupopup arrowscrollbox {
color:#000 !important; background-color: #e8e8ff !important;
}
I hadn't checked the CSS code, but I see (-moz-appearance: menupopup;) for the menupopup, so that is the most likely cause that you need to specifiy the next (child) element.
Adding -moz-appearance: none!important; should make it work in such cases.