Izimpendulo zakamuva ze-How do I make these fonts bold?https://support.mozilla.org/zu/questions/13320252021-06-13T22:35:18-07:00IT WORKED!!!!!
Thanks so much for your patience walking me through this.
2021-06-13T22:35:18-07:00laynaahttps://support.mozilla.org/zu/questions/1332025?page=2#answer-1421393<p>IT WORKED!!!!!
</p><p>Thanks so much for your patience walking me through this.
</p>darthhellokitty said
I followed your instructions - here's what the userchrome.css file looks like n2021-06-13T08:44:40-07:00jscher2000https://support.mozilla.org/zu/questions/1332025?page=2#answer-1421309<em><p>darthhellokitty <a href="#answer-1421299" rel="nofollow">said</a></p></em>
<blockquote>I followed your instructions - here's what the userchrome.css file looks like now. Still no change in the menu bar as you can see.
</blockquote>
<p>You should delete everything above
</p><pre>#menubar-items { font-size:12pt&nbsp;!important; }
</pre>
<p>Also, consider using pixel measurements (px). 12px is the default size for the toolbar on Windows, 16px is the default size of text in web pages. Somewhere in between might be comfortable. To get a sense of it, you can play with the boxes in the third column here (scroll down a bit to get to the tab bar demo):
</p><p><a href="https://www.userchrome.org/firefox-89-styling-proton-ui.html#tabstyler" rel="nofollow">https://www.userchrome.org/firefox-89-styling-proton-ui.html#tabstyler</a>
</p>I followed your instructions - here's what the userchrome.css file looks like now. Still no change i2021-06-13T07:58:32-07:00laynaahttps://support.mozilla.org/zu/questions/1332025?page=2#answer-1421299<p>I followed your instructions - here's what the userchrome.css file looks like now. Still no change in the menu bar as you can see.
</p>Maybe try more specific code.
#menubar-items .menubar-text { font-size:12pt !important; }
You 2021-06-13T07:23:53-07:00cor-elhttps://support.mozilla.org/zu/questions/1332025#answer-1421291<p>Maybe try more specific code.
</p><pre>#menubar-items .menubar-text { font-size:12pt&nbsp;!important; }
</pre>
<p>You can try to omit the @namespace line.
</p>
<hr>
<p>You can use the Browser Toolbox to check out existing rules.
</p>
<ul><li><a href="https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox" rel="nofollow">https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox</a>
</li></ul>
<p>To enable the Browser Toolbox, see:
</p>
<ul><li><a href="https://developer.mozilla.org/en-US/docs/Tools/Settings" rel="nofollow">https://developer.mozilla.org/en-US/docs/Tools/Settings</a>
</li><li>select "Enable remote debugging" in the Web Developer Tools settings (F1)
</li></ul>Here's what my userchrome.css file looks like. Making the location bar larger and smaller works easi2021-06-13T07:16:52-07:00laynaahttps://support.mozilla.org/zu/questions/1332025#answer-1421289<p>Here's what my userchrome.css file looks like. Making the location bar larger and smaller works easily. Making the menu headings larger or bold doesn't work at all.&nbsp;:-(
</p><p>I've got toolkit.legacyUserProfileCustomizations.stylesheets and userchrome.css both marked as true in about:config. I don't know what else to do!
</p>You can use the same selector, but use or add a font-size rule.
This applies to all toolbars:
#navig2021-06-13T06:20:02-07:00cor-elhttps://support.mozilla.org/zu/questions/1332025#answer-1421277<p>You can use the same selector, but use or add a font-size rule.
This applies to all toolbars:
</p><pre>#navigator-toolbox { font-size:12pt&nbsp;!important; }
</pre>
<p>Selector for the menus on the menu bar:
</p><pre>#menubar-items { font-size:12pt&nbsp;!important; }
</pre>
<p>I prefer a monospace font to make it easier to read and edit text in the location bar and use this code:
</p>
<pre>.urlbar-input-box, .findbar-textbox {font-size:11pt!important; font-family:"DejaVu Sans Mono"}</pre><br>That one works! Is there a code to make the menu bar bigger like that? That would be almost as good 2021-06-12T23:31:14-07:00laynaahttps://support.mozilla.org/zu/questions/1332025#answer-1421164<p>That one works! Is there a code to make the menu bar bigger like that? That would be almost as good as bold.
</p>Do other rules in userChrome.css work to test if Firefox reads and processes the file ?
/* FON2021-06-12T12:14:50-07:00cor-elhttps://support.mozilla.org/zu/questions/1332025#answer-1421052<p>Do other rules in userChrome.css work to test if Firefox reads and processes the file&nbsp;?
</p>
<pre>/* FONT-SIZE: URLBAR FINDBAR */
:-moz-any(#urlbar-container, .findbar-container) { font-size:12pt !important; }
</pre><br>I'm attaching a screen shot of the menu bar as it is now. I keep it up there whenever I use Firefox.2021-06-12T07:54:32-07:00laynaahttps://support.mozilla.org/zu/questions/1332025#answer-1421013<p>I'm attaching a screen shot of the menu bar as it is now. I keep it up there whenever I use Firefox. I just can't get the menu bar text to be bold.
</p><p>I also set <strong>toolkit.legacyUserProfileCustomizations.stylesheets </strong>as <strong>true </strong>on the about:config page.
</p>I assume you have the menu bar visible (View -> Toolbars).
you can tap the Alt key or press the 2021-06-12T07:02:00-07:00cor-elhttps://support.mozilla.org/zu/questions/1332025#answer-1420993<p>I assume you have the menu bar visible (View -&gt; Toolbars).
</p>
<ul><li>you can tap the Alt key or press the F10 key to show the hidden Menu Bar temporarily
</li></ul>
<p>Did you also make sure you enabled userChrome.css and set <b>toolkit.legacyUserProfileCustomizations.stylesheets = true</b> on the <b>about:config</b> page like I wrote in my above post&nbsp;?
</p>OK, here's what I've got now. I created userchrome.css, and I copied the text from your answer into 2021-06-12T05:39:32-07:00laynaahttps://support.mozilla.org/zu/questions/1332025#answer-1420957<p>OK, here's what I've got now. I created userchrome.css, and I copied the text from your answer into it. I saved it, opened Firefox back up, and... nothing changed.
</p>userChrome.css doesn't exist by default, so if you haven't used it before in your current profile th2021-06-12T05:30:12-07:00cor-elhttps://support.mozilla.org/zu/questions/1332025#answer-1420952<p>userChrome.css doesn't exist by default, so if you haven't used it before in your current profile then you need to create a new userChrome.css.
</p><p>Add code to the <b>userChrome.css</b> file below the default @namespace line.
</p>
<hr>
<pre>@namespace url("<a href="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" rel="nofollow">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</a>"); /* only needed once */
#menubar-items { font-weight: bold !important; }
</pre><hr>
<p>It is not that difficult to create <b></b> if you have never used it.
</p><p>The first step is to open the "Help -&gt; Troubleshooting Information" page and find the button to access the profile folder.
</p>
<ul><li><a href="https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox" rel="nofollow">https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox</a>
</li></ul>
<p>You can find this button under the "Application Basics" section as "Profile Folder -&gt; Open Folder".
If you click this button then you open the profile folder in the Windows File Explorer.
You need to create a folder with the name <u>chrome</u> in this folder (name is all lowercase).
In the <b>chrome</b> folder you need to create a plain text file with the name <b></b> (name is case sensitive).
In this text file you paste the text posted.
On Mac you can use the TextEdit utility to create the file as a plain text file.
</p><p>In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named <i>.txt</i>.
To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".
</p><p>You need to close (Quit/Exit) and restart Firefox when you create or modify the file.
</p><p>See also:
</p>
<ul><li><a href="https://www.userchrome.org/what-is-userchrome-css.html" rel="nofollow">https://www.userchrome.org/what-is-userchrome-css.html</a>
</li><li><a href="https://www.userchrome.org/how-create-userchrome-css.html" rel="nofollow">https://www.userchrome.org/how-create-userchrome-css.html</a>
</li></ul>
<p>In Firefox 69 and later you need to set this pref to true on the <b>about:config</b> page to enable userChrome.css and userContent.css in the chrome folder.
</p>
<ul><li>toolkit.legacyUserProfileCustomizations.stylesheets = true
</li></ul>
<ul><li><a href="https://www.userchrome.org/firefox-changes-userchrome-css.html" rel="nofollow">https://www.userchrome.org/firefox-changes-userchrome-css.html</a>
</li></ul>Thanks! Now, do I add it to userchrome.css, or do I have to create userchrome.css and put that in it2021-06-12T05:13:36-07:00laynaahttps://support.mozilla.org/zu/questions/1332025#answer-1420945<p>Thanks! Now, do I add it to userchrome.css, or do I have to create userchrome.css and put that in it? Is there meant to be anything else in userchrome.css besides that line? Do I create and/or edit userchrome.css with notepad?
</p><p>Are there meant to be two spaces between the brackets and the text in the code?
</p>The code for the menu bar is in the first reply:
#menubar-items { font-weight: bold !important;2021-06-12T04:56:45-07:00cor-elhttps://support.mozilla.org/zu/questions/1332025#answer-1420939<p>The code for the menu bar is in the first reply:
</p><pre>#menubar-items { font-weight: bold&nbsp;!important; }
</pre>I also need to bold my menu bar!
Do I need to create a userchrome.css file, or is it already present2021-06-12T00:37:16-07:00laynaahttps://support.mozilla.org/zu/questions/1332025#answer-1420876<p>I also need to bold my menu bar!
</p><p>Do I need to create a <em>userchrome.css</em> file, or is it already present somewhere? Do I create and/or edit it with a text editor (i.e. Notepad) or do I need to do it in some other way?
</p><p>If I create the file, do I just need to put <em>#PlacesToolbarItems { font-weight: bold&nbsp;!important; }</em> in the file, or is there additional code that needs to go into it?
</p><p>I'm surprised there isn't an add-on to do all this! Apparently <em>Theme Font &amp; Size Changer </em>used to do it, but it no longer works.
</p><p>Thanks so much.
</p>Thank you so much for all your valuable help.
I added the following two lines and got exactly what I2021-04-11T11:38:49-07:00musicollectorhttps://support.mozilla.org/zu/questions/1332025#answer-1405264<p>Thank you so much for all your valuable help.
</p><p>I added the following two lines and got exactly what I wanted:
</p><pre>#PlacesToolbarItems { font-weight: bold&nbsp;!important; }
#tabbrowser-tabs { font-weight: bold&nbsp;!important; }
</pre>For all items in the navigator-toolbox you can use this code instead of the individual CSS selectors2021-04-11T08:18:02-07:00cor-elhttps://support.mozilla.org/zu/questions/1332025#answer-1405218<p>For all items in the navigator-toolbox you can use this code instead of the individual CSS selectors.
</p><pre>#navigator-toolbox { font-weight: bold&nbsp;!important; }
</pre>I notice this line at the bottom of your code that doesn't work for current releases because they ch2021-04-11T08:16:12-07:00cor-elhttps://support.mozilla.org/zu/questions/1332025#answer-1405216<p>I notice this line at the bottom of your code that doesn't work for current releases because they changed browser.xul to browser.xhtml as the consequence of moving from XUL to HTML namespace.
Best is to leave out and only leave the #PlacesToolbarItems line.
</p><pre>@-moz-document url(chrome://browser/content/browser.xul){
#PlacesToolbarItems { font-weight: bold&nbsp;!important; }
}
</pre>
<p>Change to&nbsp;:
</p><pre> #PlacesToolbarItems { font-weight: bold&nbsp;!important; }
</pre>
<hr>
<p>For that tab bar you need the .tabbrowser-tab selector.
You may have to adjust the text color as well.
</p><pre>.tabbrowser-tab { font-weight: bold&nbsp;!important; }
</pre>Thanks kindly.
So, I added the line: #menubar-items { font-weight: bold !important; }
to the e2021-04-11T07:53:57-07:00musicollectorhttps://support.mozilla.org/zu/questions/1332025#answer-1405209<p>Thanks kindly.
</p><p>So, I added the line: <strong>#menubar-items { font-weight: bold&nbsp;!important; }</strong>
to the end of the css file inside the flower bracket and rebooted Firefox, but nothing has changed. The fonts on the tabs are still not bolded. Any suggestions?
</p><p>TIA.
</p>The code you posted is for the Bookmarks Toolbar.
#PlacesToolbarItems { font-weight: bold !impo2021-04-11T07:33:46-07:00cor-elhttps://support.mozilla.org/zu/questions/1332025#answer-1405201<p>The code you posted is for the Bookmarks Toolbar.
</p><pre>#PlacesToolbarItems { font-weight: bold&nbsp;!important; }
</pre>
<p>Your first screenshot shows the menu bar.
That would be this code.
</p><pre>#menubar-items { font-weight: bold&nbsp;!important; }
</pre>