Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

How can I add a labels, add color and/or change thickness of the separators in the bookmark section??


I would like to modify the separators that I use in the bookmark sections to help further organize my bookmarks by adding labels, some color and even change the weight of the lines. any one knows of any .css codes that I can you. I don't know anything but what I read on hear so please talk s-l-o-w-l-y...lol.

I have already made some mos to my .css file, i will post them just so you know what I have already done which may or may not effect your suggestions....thanks.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL 

#bookmarks-view treechildren {background-color:#FFFFcc!important}

#bookmarks-view treechildren::-moz-tree-row(selected) {
  background-color: #39f !important;

/* Global UI font */
* { font-size: 9pt !important;
  font-family: MV Boli !important; }

Im using Firefox 18.0.1

Modified by cor-el

Additional System Details

Installed Plug-ins

  • Google Update
  • Shockwave Flash 11.5 r502
  • Adobe PDF Plug-In For Firefox and Netscape 10.1.5
  • GEPlugin
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • Next Generation Java Plug-in 10.9.2 for Mozilla browsers
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Shockwave Flash 11.4 r402
  • Picasa plugin
  • 5.1.10411.0
  • CANON iMAGE GATEWAY Album Plugin Utility Module
  • CANON iMAGE GATEWAY Mycamera Plugin


  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0

More Information

  • Top 10 Contributor
  • Moderator
10743 solutions 96657 answers

The code that you posted is for the Bookmarks sidebar and the sidebar doesn't use separators.

I assume that you are referring to the Bookmarks Toolbar.

You can add the style properties to this style rule:

#PlacesToolbarItems toolbarseparator {
 -moz-appearance: none !important;

Question owner

Yes the code I posted is just to show what Mod I have already made that is all, and I posted the wrong code. This code is what I actually have is my .css file.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

  1. bookmarks-view treechildren {background-color:#FFFFcc!important}
  2. bookmarks-view treechildren::-moz-tree-row(selected) {
 background-color: #39f !important;}

/* Global UI font */

  • { font-size: 9pt !important;
 font-family: MV Boli !important; } 

YES to your point, I am asking for code to Modify the separators in the SIDE-BAR list of bookmarks, thanks. See picture below

Modified by fatfreddy

  • Top 10 Contributor
  • Moderator
10743 solutions 96657 answers

Separators in a tree have the ::-moz-tree-separator selector.

I don't know if you can style such a separator, so you have to try this yourself.

#bookmarks-view treechildren::-moz-tree-separator {}

Question owner

thank you, im on it. will give feedback.

Question owner

ok I could use some help identifying the code that would modify the side-bar bookmarks separator. I dont seem to be able to effect it by anything I write. I would appreciate the help, and I know a lot of other people are seeking a solution to this as well. you would be helping humanity .