This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Set background colour of single column in message list

  • 1 antwoord
  • 1 het hierdie probleem
  • 1 view
  • Laaste antwoord deur James

James
James
more options

I'd like to be able to customise the background colour of a single column in the messages list, such that I can colour code emails that have been received from different accounts. Is this possible?

I've currently been able to colour code the whole row based on a tag that I apply for each account using the following code in the userChrome.css file: 

/*Outlook*/
#threadTree > treechildren::-moz-tree-row(Toutlook){
  background-color: #157cc4  !important;
}
#threadTree > treechildren::-moz-tree-cell-text(Toutlook){
  color: white !important;
}
#threadTree > treechildren::-moz-tree-row(Toutlook, selected){
  background-color: #E07D52 !important;
}
#threadTree > treechildren::-moz-tree-cell-text(Toutlook, selected){
  color: #157cc4 !important;
}

and similar for all the other tags..

Is there any way to customise this further to only apply to one column in the list (e.g. the Account column) rather than colouring the whole row?

I'd like to be able to customise the background colour of a single column in the messages list, such that I can colour code emails that have been received from different accounts. Is this possible? I've currently been able to colour code the whole row based on a tag that I apply for each account using the following code in the userChrome.css file: <pre> /*Outlook*/ #threadTree > treechildren::-moz-tree-row(Toutlook){ background-color: #157cc4 !important; } #threadTree > treechildren::-moz-tree-cell-text(Toutlook){ color: white !important; } #threadTree > treechildren::-moz-tree-row(Toutlook, selected){ background-color: #E07D52 !important; } #threadTree > treechildren::-moz-tree-cell-text(Toutlook, selected){ color: #157cc4 !important; } </pre> and similar for all the other tags.. Is there any way to customise this further to only apply to one column in the list (e.g. the Account column) rather than colouring the whole row?

Gekose oplossing

Solved it.

Instead of using treechildren::-moz-tree-row I instead used treechildren::-moz-tree-cell with the property "accountCol" set in addition to the property relating to the Tag, in this case "Toutlook" 

/*Outlook*/
#threadTree > treechildren::-moz-tree-cell-text(Toutlook){
  color: #157cc4 !important;
}
#threadTree > treechildren::-moz-tree-cell(accountCol,Toutlook){
  background-color: #157cc4 !important;
}
#threadTree > treechildren::-moz-tree-cell-text(accountCol,Toutlook){
  color: white !important;
}
#threadTree > treechildren::-moz-tree-cell(Toutlook, selected){
  background-color: #157cc4 !important;
}
#threadTree > treechildren::-moz-tree-cell-text(Toutlook, selected){
  color: white !important;
}
Lees dié antwoord in konteks 👍 1

All Replies (1)

James
James Vraag-eienaar
more options

Gekose oplossing

Solved it.

Instead of using treechildren::-moz-tree-row I instead used treechildren::-moz-tree-cell with the property "accountCol" set in addition to the property relating to the Tag, in this case "Toutlook" 

/*Outlook*/
#threadTree > treechildren::-moz-tree-cell-text(Toutlook){
  color: #157cc4 !important;
}
#threadTree > treechildren::-moz-tree-cell(accountCol,Toutlook){
  background-color: #157cc4 !important;
}
#threadTree > treechildren::-moz-tree-cell-text(accountCol,Toutlook){
  color: white !important;
}
#threadTree > treechildren::-moz-tree-cell(Toutlook, selected){
  background-color: #157cc4 !important;
}
#threadTree > treechildren::-moz-tree-cell-text(Toutlook, selected){
  color: white !important;
}