How do I enlarge the bookmark icons on the toolbar?

Question

Is there a way to make the icons on the bookmark toolbar bigger? They are very small; sometimes difficult to view.

Answer 1

''cor-el [[#answer-679249|said]]''
<blockquote>
See also:
*[[/questions/1000213]] Firefox just forced an update on my desktop computer, and now my bookmark icons are so small I can't see them
You can add code to the <b>userChrome.css</b> file below the default @namespace line.
*http://kb.mozillazine.org/userChrome.css
<pre><nowiki>@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
/* enlarge icons on the Bookmarks Toolbar */
#personal-bookmarks .bookmark-item > .toolbarbutton-icon {
height: 24px !important;
width: 24px !important;
</nowiki></pre>
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the <b>chrome</b> folder in the Firefox profile folder.
*http://kb.mozillazine.org/Editing_configuration
You can use this button to go to the currently used Firefox profile folder:
*Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder)
*Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
*Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
*Paste the code in the userChrome.css file in the editor window
*Make sure that the userChrome.css file starts with the default @namespace line
*Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.<br>Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
</blockquote>
Thanks, but this one is too difficult for me to figure out. :-(