Help with UserChrome.css to increase bookmark font size

[Computerhelp1234]

I can't read my bookmarks because the text is too small. I read about UserChrome.css. This is what I found online and it didn't work. It DID work for my recent history entries and I love it. I'd like to keep that also.

Can someone look at my UserChrome.css below and tell me what's wrong? I want my bookmark and history entries bigger. Thank you.

Code: Select all

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

#bookmarks-view {
font-size: 16px !important;
}
.bookmark-item > .toolbarbutton-text {
font-size: 16pt !important;
}
#personal-bookmarks {
font-size: 16pt !important;
}
#bookmarksMenuPopup .bookmark-item {
font-size: 16pt !important;
}

[RobertJ]

.
This will increase the bookmark font size 125% and make it bold, adjust as you wish and remove bold if desired.

Code: Select all

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

#PlacesToolbarItems  .menu-iconic-text
{
      font-weight: bold !important;
      font-size: 125% !important;
}

NOTE, @namespace......... should only appear once at the beginning of the file.


.

[Computerhelp1234]

Hi RobertJ. Thanks for your help.

Unfortunately, I just tried yours and it didn't work. I wasn't sure if you meant to add that to mine, or on its own, so I tried both. I also made sure there was only one namespace line. It took me back to both history and bookmark entries being default too small again.

I copied and pasted your line into the file.

Is there another way to do it?

[RobertJ]

.
In the userChrome.css file you should have this and nothing else

Code: Select all

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

#PlacesToolbarItems  .menu-iconic-text
{
      font-weight: bold !important;
      font-size: 125% !important;
}

It will enlarge the text of the individual bookmarks in each list and bold the font. I am not referring the the text on the bookmark toolbar.

EDIT: The file is userChrome.css not UserChrome.css

.

[RobertJ]

.
This is what it looks like



.

[Computerhelp1234]

Hi RobertJ.

See my EDIT below after what I had started typing when it told me you made a new post while I was making one.

I think we are referring to the same thing. I don't have what I know to be the Bookmarks Toolbar turned on. I'm talking about the long drop-down list of my bookmarks when I click on the button that shows "Show your bookmarks" when I hover the mouse over it. I have it next to the "Open Menu" where things like Zoom, Customize and Options are.

I tried your code again and it still doesn't work. I changed it to 300%, as the default text is so small, I'm not sure I'd notice any difference with 125%. I see no difference anywhere with your code. Is it possible that the % only works with Mac? I see you have a Mac.

I'm sorry this is so maddening.

EDIT - OK, it just showed me your new post with the picture you attached while I was working on this one. I just found where you are referring to - the text is HUGE (300% ! LOL) Unfortunately, this is not where I'm looking to have the text larger. I don't use those that you have pictured. See above for what I'm referring to.

[Computerhelp1234]

OK this is where I'm referring to. I'd like the "NASCAR & Racing" for example to be larger.

https://imgur.com/a/7q6BeNf

[RobertJ]

.
That is a bit of a problem. I would need to find the id and/or class for those. At this point I don't have the time since my wife is waiting to go out to dinner. Will check back on this thread tomorrow to see if anyone else gave you the answer.

.

[Computerhelp1234]

Thank you RobertJ. I appreciate your patience. Hopefully someone else can help if they know the answer.

I did have the name of the file wrong. I had UserChrome.css and not userChrome.css. That is fixed now, but my original code still doesn't work for the bookmarks. Even with the file name wrong, the code worked for the history. Strange.

[morat]

Try these:

Code: Select all

#BMB_bookmarksPopup .bookmark-item {
  color: red !important;
  font-weight: bold !important;
  font-size: 125% !important;
}

Code: Select all

#BMB_bookmarksPopup .subviewbutton {
  color: red !important;
  font-weight: bold !important;
  font-size: 125% !important;
}

[Computerhelp1234]

morat - THANK YOU THANK YOU! That works! It only worked for the bookmarks, but I modified it so it is black and added the history code that worked for me before.

Here is what I ended up with:

Code: Select all

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

#bookmarks-view {
  font-weight: bold !important;
font-size: 14px !important;
}
.bookmark-item > .toolbarbutton-text {
  font-weight: bold !important;
font-size: 14pt !important;
}
#personal-bookmarks {
  font-weight: bold !important;
font-size: 14pt !important;
}
#bookmarksMenuPopup .bookmark-item {
  font-weight: bold !important;
font-size: 14pt !important;
}

#BMB_bookmarksPopup .bookmark-item {
  font-weight: bold !important;
  font-size: 150% !important;
}

#BMB_bookmarksPopup .subviewbutton {
  font-weight: bold !important;
  font-size: 150% !important;
}

To RobertJ and morat - Thank you so much for your time and patience! I'm very happy with it now.