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

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

  • 5 replies
  • 1 has this problem
  • 1 view
  • Last reply by fatfreddy

more options

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

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. <pre><nowiki> @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; } </nowiki></pre> Im using Firefox 18.0.1

Modified by cor-el

All Replies (5)

more options

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

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

more options

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 {}
more options

thank you, im on it. will give feedback.

more options

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 .