Search bar on New Tab has moved to the top of the page
The search bar that used to be in the center of the page has suddenly moved to the top of the page in all new tabs: https://i.imgur.com/2f5VZjv.png
This started around noon today, and was not preceded by any updates or changes to Firefox or any of my addons, so far that I'm aware of.
How do I return the search bar to the center of the page?
Solución elegida
I've noticed over the past couple days that all of my PCs have migrated to the top-of-page search bar. It does seem to be the new default, for whatever reason. With its new position being all but adjacent to the address bar, it seems rather redundant.
Regarding the CSS changes: it adjusts the page as expected when a new tab is loaded, but when first firing up firefox that initial page is not adjusted. Both "Homepage and New Windows" and "New tabs" are set to "Firefox Home (default)", but only the latter seems to be affected by the changes made by the CSS.
edit: I noticed the CSS above is targeted at about:newtab, so I just copied that code and redirected the new block to about:home and that seems to have addressed the issue. For anyone else stumbling on this, I found 300px to be fairly close to the previous position.
@-moz-document url(about:newtab) {
.search-wrapper { margin-top: 300px !important; }
}
@-moz-document url(about:home) {
.search-wrapper { margin-top: 300px !important; }
}
Leer esta respuesta en su contexto 👍 0Todas las respuestas (13)
Your screenshot shows the default Firefox Home page with the search bar and the collapsed Top Sites sections enabled. If you hide all item except the search bar then the search bar will be more centered.
- Options/Preferences -> Home
Here's a screenshot from my home PC, which is how it has always been on all of my PCs and how I want it to be. https://puu.sh/Eg8m0/d3ec426614.png
Not sure how the original image could possibly be considered centered.
So you just want to move the search bar down a bit? I imagine you could achieve that with userchrome.css hacks
Possible code for userContent.css would be (you can adjust the margin-top): @-moz-document url(about:newtab) { .search-wrapper {margin-top: 150px !important; } }
You can add the code to the userContent.css file.
In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.
- toolkit.legacyUserProfileCustomizations.stylesheets = true
- https://www.userchrome.org/firefox-changes-userchrome-css.html#fx69
Is the issue that OP raised here the default now for Firefox? I find it hard to believe that adding folders and additional code should be required to force FF to do what it has always done since I started using it 10+ years ago. Only a minor annoyance, but as OP stated, I have the exact same issue. Centered on my work PC and not on my personal PC with both running version 69.
Hi jjones7791
Did you select in both cases the same content on the Firefox Home page?
Yes I did. I checked my wife's PC and hers is at the top as well now, so it seems this is just the current design of FF. On my work computer, my company updates Windows under their own schedule and I'm thinking that the Win updates may have something to do with it. My personal PC is fully up to date whereas my work PC doesn't have the latest updates yet.
Solución elegida
I've noticed over the past couple days that all of my PCs have migrated to the top-of-page search bar. It does seem to be the new default, for whatever reason. With its new position being all but adjacent to the address bar, it seems rather redundant.
Regarding the CSS changes: it adjusts the page as expected when a new tab is loaded, but when first firing up firefox that initial page is not adjusted. Both "Homepage and New Windows" and "New tabs" are set to "Firefox Home (default)", but only the latter seems to be affected by the changes made by the CSS.
edit: I noticed the CSS above is targeted at about:newtab, so I just copied that code and redirected the new block to about:home and that seems to have addressed the issue. For anyone else stumbling on this, I found 300px to be fairly close to the previous position.
@-moz-document url(about:newtab) {
.search-wrapper { margin-top: 300px !important; }
}
@-moz-document url(about:home) {
.search-wrapper { margin-top: 300px !important; }
}
Modificadas por tockity el
For code in userContent.css you need to include both about:newtab and about:home.
@-moz-document url(about:newtab), url(about:home) { /*place your code here*/ }
Hello gyus.
I have got the same bug in my Firefox 73.0 yesterday. The "New tab" page ("top sites" etc. page) suddenly became missing top margin (not centered vertically). This page displays broken for any Firefox profile (for Firefox instances of other users of the same Windows), so resetting ("refreshing") Firefox is not a solution, and most simple Firefox reinstallation also did not help.
My desktop PC where the Firefox got this problem is maintained pretty "default" - Windows is strictly genuine out-of-the-box, there was no any errors caught of any custom settings invoked during any software installations, every software unit in Windows is free of charge (no stolen software at all), all hardware drivers are ok, I even do not use any realtime antiviruses (I roughly know at my 31 yrs old where malware comes from, and how to avoid its appearance). There are also no any add-ons\extensions\plugins\themes in my Firefox, and no Flash or Java installed. Of coarse, I even did not try to install Chromium or other WebKit stuff.
I will not surge any internal CSS of Firefox until I understand what exactly has changed there. I think that implicit "300 px" is not a solution for an adaptive layout design. I just want my about:newtab of anything else inside Firefox (not inside my Firefox profile, though) to turn correct back, so I ask for a simpler solution - as this is a common bug, and not my individual complex configuration business.
Does anybody here know anything more on this bug than I have already read above :)?
Im having the same issue.My question what is what css is? and how I solve this
That is a bug in Firefox 73 and has been fixed for Firefox 74.
- Bug 1605975 - sites no longer vertically centred on the blank page
(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)
I too have the problem that the Bing search bar is no longer displaying in the center of the page (vertically speaking) when I open Firefox. How do I get the Bing search bar to display in the center of the page? (The responses already given about this problem are meaningless, as I'm unfamiliar with the terminology that's used in them.)