MozillaZine

#toolbar-menubar Element ID in Thunderbird?

Discuss application theming and theme development.
pikov22
 
Posts: 14
Joined: May 22nd, 2010, 10:02 am

Post Posted April 5th, 2017, 3:58 pm

How do I use DOM inspector to find out the CSS related to mail toolbar? Baby steps, please. :-)
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.

pikov22
 
Posts: 14
Joined: May 22nd, 2010, 10:02 am

Post Posted April 9th, 2017, 2:22 pm

Nobody?

isaacschemm
 
Posts: 239
Joined: January 20th, 2015, 12:29 pm

Post Posted April 10th, 2017, 8:23 am

Do you have DOM Inspector installed already?
You can look at the CSS rules for an element using this dropdown menu.
Image

pikov22
 
Posts: 14
Joined: May 22nd, 2010, 10:02 am

Post Posted April 10th, 2017, 9:28 am

I see a zilliion rules. How do I incorporate "them" into userChrome.css to get make changes to that particular item?

isaacschemm
 
Posts: 239
Joined: January 20th, 2015, 12:29 pm

Post Posted April 10th, 2017, 1:19 pm

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;
}

pikov22
 
Posts: 14
Joined: May 22nd, 2010, 10:02 am

Post Posted April 10th, 2017, 2:21 pm

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;
}


That put a cyan background on the toolbar that has File/Edit?View/etc.

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?)

isaacschemm
 
Posts: 239
Joined: January 20th, 2015, 12:29 pm

Post Posted April 11th, 2017, 7:30 am

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?

Return to Theme Development


Who is online

Users browsing this forum: No registered users and 1 guest