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

Change the text color of individual folders created on toolbar

  • 4 replies
  • 0 have this problem
  • 20 views
  • Paskiausią atsakymą parašė lemo

lemo
lemo
more options

Hello! I am using the following code (userChrome.css) to color the individual folders created on the toolbar and it works great; 

#PlacesToolbarItems > .bookmark-item[container][label="Music" i] {background-color: #ff0545 !important;}
#PlacesToolbarItems > .bookmark-item[container][label="NewsPapers" i] {background-color: #386bff !important;}
#PlacesToolbarItems > .bookmark-item[container][label="News Video" i] {background-color: #386bff !important;}
#PlacesToolbarItems > .bookmark-item[container][label="TV" i] {background-color: #ff1fc8 !important;}

What I am trying to find, is how to change the color of the individual folder name (text) from white to maybe black, yellow, etc.….

Any suggestion is appreciated. Regards,

Hello! I am using the following code (userChrome.css) to color the individual folders created on the toolbar and it works great; #PlacesToolbarItems > .bookmark-item[container][label="Music" i] {background-color: #ff0545 !important;} #PlacesToolbarItems > .bookmark-item[container][label="NewsPapers" i] {background-color: #386bff !important;} #PlacesToolbarItems > .bookmark-item[container][label="News Video" i] {background-color: #386bff !important;} #PlacesToolbarItems > .bookmark-item[container][label="TV" i] {background-color: #ff1fc8 !important;} What I am trying to find, is how to change the color of the individual folder name (text) from white to maybe black, yellow, etc.…. Any suggestion is appreciated. Regards,
Pridėtos ekrano nuotraukos

Modified by lemo

Chosen solution

You can simply add a color property to set the text color.

Note that "i" means case insensitive, so you do not really have to capitalize.

Skaityti atsakymą kartu su kontekstu 👍 0

All Replies (4)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Chosen Solution

You can simply add a color property to set the text color.

Note that "i" means case insensitive, so you do not really have to capitalize.

Helpful?

lemo
lemo Klausimą uždavęs asmuo
more options

@cor-el

With the information you provided I was able to use and find the way to change the text color;

  1. PlacesToolbarItems > .bookmark-item[container][label="Music" i] {color: #0E0E0E !important;}
  2. PlacesToolbarItems > .bookmark-item[container][label="News Papers" i] {color: #0E0E0E !important;}
  3. PlacesToolbarItems > .bookmark-item[container][label="News Video" i] {color: #0E0E0E !important;}
  4. PlacesToolbarItems > .bookmark-item[container][label="TV" i] {color: #0E0E0E !important;}

Thank you for pointing me to the path for the the solution. Sincerely and regards,

Helpful?

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Note that you combine this with your previous code for maitainability. 

#PlacesToolbarItems > .bookmark-item[container][label="Music" i] {background-color: #ff0545 !important; color: #0E0E0E !important;}
#PlacesToolbarItems > .bookmark-item[container][label="NewsPapers" i] {background-color: #386bff !important; color: #0E0E0E !important;}
#PlacesToolbarItems > .bookmark-item[container][label="News Video" i] {background-color: #386bff !important; color: #0E0E0E !important;}
#PlacesToolbarItems > .bookmark-item[container][label="TV" i] {background-color: #ff1fc8 !important; color: #0E0E0E !important;}

Helpful?

lemo
lemo Klausimą uždavęs asmuo
more options

@cor-el

Much better... Regards,

Helpful?

Užduoti klausimą

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.