A css to reduce the "space" icon width of firefox by half
I need a userstyle to reduce the "space" icon width of firefox by half, the space is too important in width for small icons.
วิธีแก้ปัญหาที่เลือก
Works here.
Did you verify that userChrome.css is a CSS file? Does other code in this file work?
อ่านคำตอบนี้ในบริบท 👍 0การตอบกลับทั้งหมด (4)
See 'toolbar decorations' in this file:
chrome://global/skin/toolbar.css
toolbarspacer {
width: 15px;
}
You can use code in userChrome.css to set a smaller width and add the "!important;" flag to override the default.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
toolbarspacer { width: 6px !important; }
- 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.
otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.
- Help -> Troubleshooting Information -> Profile Directory:
Windows: Show Folder; Linux: Open Directory; Mac: Show in Finder - http://kb.mozillazine.org/Profile_folder_-_Firefox
Hi,
I have ff55 & your code doesn't work, the length size remains the same, even re-dragged to the toolbar..
เปลี่ยนแปลงโดย aykaw เมื่อ
วิธีแก้ปัญหาที่เลือก
Works here.
Did you verify that userChrome.css is a CSS file? Does other code in this file work?
i use stylish addon