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 uphendule
  • 0 zinale nkinga
  • 20 views
  • Igcine ukuphendulwa ngu 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,
Ama-screenshot ananyekiwe

Okulungisiwe ngu lemo

Isisombululo esikhethiwe

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.

Funda le mpendulo ngokuhambisana nalesi sihloko 👍 0

All Replies (4)

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

Isisombululo Esikhethiwe

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 Umnikazi wombuzo
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 Umnikazi wombuzo
more options

@cor-el

Much better... Regards,

Helpful?

Buza umbuzo

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