Customize Firefox Toolbar Layout with userChrome.css

userChrome.css

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

/* Placing the config file */
/* Go to about:support address, find Profile folder, open it */
/* Create an empty directory named `chrome` in that */
/* Add this file in that directory with name userChrome.css */

/* Activating the configuration */
/* Go to address about:config, then set => toolkit.legacyUserProfileCustomizations.stylesheets: true  */

/* Hide icons for toolbar */
#personal-bookmarks .bookmark-item .toolbarbutton-icon {display:none!important;}
/* Make toolbar bookmark text larger */
#personal-bookmarks .bookmark-item .toolbarbutton-text {font-size:14pt!important;}