Increase font size of bookmarks toolbar and search bar
Hi! There are multiple recent threads on this issue, and not one of them has a solution, so I'm asking again. I want to increase the font size of the top header text, specifically the bookmarks toolbar, search bar, and tab titles. The text is too small for me to read. It would also be useful if I could increase the font size for the applications menu (the hamburger drop down menu in the far right of the header).
I do not want to increase the size of anything else, so changing layout.css.devPixelsPerPx is not the solution. I have changed my global zoom settings, and set them specifically to "Zoom text only", but this setting does not effect the bookmarks toolbar or the search bar. Changing the default font size also does not increase the size of this text.
Just to clarify again, these threads are not solutions to my question: https://support.mozilla.org/en-US/questions/1214027 https://support.mozilla.org/en-US/questions/1293358
All Replies (2)
That preference does change the size of web content as well as the user interface but you can change your zoom setting to offset that in Settings > General > Language and Appearance > Zoom.
https://support.mozilla.org/en-US/kb/font-size-and-zoom-increase-size-of-web-pages
You can also create a file userChrome.css to change font sizes. More on that if you are willing to do that. Remove the blank space in the following link.
https://www.userchrome. org/how-create-userchrome-css.html
Note that using "Zoom text only" can cause text overlapping issues with webpages that position text absolutely as this doesn't adjust containers. Best is always to use full page zoom to increase the containing elements as well.
Changing the font-size in that many places unnecessarily complicates the code making it a lot more difficult to maintain (i.e. it can easily get broken).
What is against using layout.css.devPixelsPerPx on your Mac (what do you not want to get changed in the user interface) ? Do you have a high definition (retina) display ?
I use this code in userChrome.css for some of the input fields (I prefer a mono-spaced font):
.urlbar-input-box, .findbar-textbox, .searchbar-textbox { font-size: 11pt !important; font-family: "DejaVu Sans Mono" !important;}