How do I reduce/resize the New Tab page tiles via editing files on my computer?
Alright, ladies und gents. Answers that include anything OUTSIDE of editing a file that is located somewhere in the program files (I think) for Mozilla/Firefox on my computer are not what I'm looking for.
Yes, you read correctly: Not what I'm looking for.
So don't suggest anything for about:config. I don't want it. Don't suggest add ons, I don't want those either.
Don't suggest anything EXCEPT for editing a particular file located in the warm depths of my C drive.
Awesome! Glad we cleared that up. Originally (a long long time ago) when Firefox updated, tiles became too large und cut half off on the bottom. OH NO!!!! Right? So, I did what any good troubleshooting User does, hunt down the answer in the corresponding forums. In this case: Mozilla.org.
I found the answer I was looking for (then, not now), I had to open up a file on my computer, add some ...css/coding/whatever the hell it's called.... to the file. I got to specify how big I wanted them, how many rows und columns I wanted. Then all I had to do was save the file, exit out und open up firefox to see the beauty that I was looking for und rightly so found.
Unfortunately, in my quest to get things back into the flow that it used to be (on my laptop, which died a month ago, now I have a new computer) I have not been able to find that thread, I have not been able to find the answer I've been looking for.
The photo is purely example for the look of the css/coding/whatever that I had to copy und paste into the file und tweak.
Toate răspunsurile (5)
You can set the number of rows and columns via prefs on the about:config page.
- browser.newtabpage.columns
- browser.newtabpage.rows
You can zoom out the about:newtab page to resize the tiles and have more tiles fit on the page.
- View > Zoom > Zoom Out; Ctrl and -
"Zoom Text Only" shouldn't have a tick
This will affect all elements on the page, so text get smaller as well. Make sure that only one tab with the about:newtab page is open when you change the page zoom. Toggle the browser.newtab.preload pref to false on the about:config page in case of issues with remembering the page zoom of the about:newtab page.
Thanks, Cor-el, you've just shown everyone you don't know how to read/understand English properly. Thank you, but your input is entirely useless. Cheers.
You can't make specific changes via CSS without first setting these prefs. Firefox sets fixed dimension to the tiles and the thumbnails and this being an XUL page (View Page Source; Ctrl+U) doesn't make it easier to style this page. You can see here what CSS files are used on the about:newtab page and check out what CSS rules you want to modify.
- view-source:about:newtab
You would have to be more specific about the layout you are looking for.
I don't even know if it's css, which is why I add "/code/whatever".
Maybe not CSS but whatever text that looked like code is what I had copied und pasted, like I stated in the photo. Not exactly that, but that.
Here is what I did. I clicked on the 'Start Button', I opened up 'Computer' dug around in 'Program Files' for Mozilla or Firefox folder, I don't remember if I had to click on another folder while there, but then I had to locate a file und right click open in Notepad to make said changes. Changes? I mean pasting whatever I was told to copy und put numbers that were agreeable with me in the proper places of the text. I saved the file. I exited the notepad. I opened up Firefox (which then shows google since it's my home page) und clicked on New Tab... It was fixed.
It might be fixed for size as far as Firefox's internal browser settings go, but whatever file I had edited (which the solution was found here like..two years ago if I had to guess) resized them, put how many columns und rows I wanted und how many I wanted in them. It overrode anything in About:Config (unless the file itself after being changed autochanged about:config so they matched?). I had 15 tiles. Three by five. That was my set up. They were smaller und didn't extend from one side to the other. They were nice und neat, centered. No scrollbars, no nothing. (could be possible that there was something about margins in the text (since code/css may not be correct wording). So, even if it's not CSS, it's still a file with coding of some sort, that I'm recalling from two years ago (we'll say) that I edited und fixed the issue as it stated.
Any other way I have tried to fix the issue didn't work. Addons und zooming in is not an option, that's like putting a used band-aid on a fresh cut...It sort of works but in reality it really doesn't, it's just annoying und not doing anything that's actually productive. It's a temporary thing for a long problem...just nonsensical. Which is why I'm hoping someone who knows what I'm talking about will read this relatively soon und provide what I'm looking for.
Thanks, again.
A few years ago the about:newtab page didn't had the search bar and the size of the thumbnails was adjusted to make it possible to have the numbers of rows and columns visible as set via the prefs I mentioned above.
You can set these prefs via a user.js file in the profile folder if that is what you did. This has the same effect as setting them via the about:config page. The only difference is that the user.js file is read every time you start Firefox, so you can't make permanent changes to prefs set via user.js
Current Firefox versions have fixed dimensions for the thumbnails to avoid performance (scaling) issues and thumbnails that do not fit overflow (wrap) automatically to the next row. There is never a scroll bar, so what doesn't fit in the window gets hidden. This is where zooming out needs to be used to have more tiles fit in case some fall off at the bottom and are hidden.
You can hide the search bar on the about:newtab page with code in userContent.css to have more space for the tiles.
@-moz-document url(about:newtab) {
#newtab-margin-top,
#newtab-margin-bottom,
#newtab-search-container { display:none !important; }
}