![Smile :-)](./images/smilies/icon_smile.gif)
#toolbar-menubar Element ID in Thunderbird?
-
- Posts: 14
- Joined: May 22nd, 2010, 10:02 am
#toolbar-menubar Element ID in Thunderbird?
How do I use DOM inspector to find out the CSS related to mail toolbar? Baby steps, please. ![Smile :-)](./images/smilies/icon_smile.gif)
![Smile :-)](./images/smilies/icon_smile.gif)
Last edited by DanRaisch on April 5th, 2017, 4:57 pm, edited 1 time in total.
Reason: Split from original thread which died 10 years year ago.
Reason: Split from original thread which died 10 years year ago.
-
- Posts: 14
- Joined: May 22nd, 2010, 10:02 am
-
- Posts: 270
- Joined: January 20th, 2015, 12:29 pm
Re: #toolbar-menubar Element ID in Thunderbird?
Do you have DOM Inspector installed already?
You can look at the CSS rules for an element using this dropdown menu.
![Image](http://i.imgur.com/XURZqrB.png)
You can look at the CSS rules for an element using this dropdown menu.
![Image](http://i.imgur.com/XURZqrB.png)
-
- Posts: 14
- Joined: May 22nd, 2010, 10:02 am
Re: #toolbar-menubar Element ID in Thunderbird?
I see a zilliion rules. How do I incorporate "them" into userChrome.css to get make changes to that particular item?
-
- Posts: 270
- Joined: January 20th, 2015, 12:29 pm
Re: #toolbar-menubar Element ID in Thunderbird?
You have to put in your own rules, but look at the id (or classes) to see what selectors to use.
Also, it looks like that element is actually called #mail-toolbar-menubar2. Using #toolbar-menubar doesn't seem to work.
Also, it looks like that element is actually called #mail-toolbar-menubar2. Using #toolbar-menubar doesn't seem to work.
Code: Select all
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#mail-toolbar-menubar2 {
background-color: cyan !important;
}
-
- Posts: 14
- Joined: May 22nd, 2010, 10:02 am
Re: #toolbar-menubar Element ID in Thunderbird?
That put a cyan background on the toolbar that has File/Edit?View/etc.libertyernie wrote:You have to put in your own rules, but look at the id (or classes) to see what selectors to use.
Also, it looks like that element is actually called #mail-toolbar-menubar2. Using #toolbar-menubar doesn't seem to work.
Code: Select all
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); #mail-toolbar-menubar2 { background-color: cyan !important; }
I did a SH-RClick on "File" and then displayed the CSS stuff. I didn't see mail-toolbar-menubar2.
(How do I post an image?)
-
- Posts: 270
- Joined: January 20th, 2015, 12:29 pm
Re: #toolbar-menubar Element ID in Thunderbird?
I just uploaded my image to imgur.com and then copied the BBCode embed stuff here.
Could you be more specific about what you want to do?
Could you be more specific about what you want to do?