Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Annoying changes in the new tab page of Firefox 31

  • 3 replies
  • 42 have this problem
  • 3363 views
  • Last reply by ManuelFte

more options

I just upgraded to Firefox 31 and I've detected two annoying changes in the new tab page.

First, the new search box, I don't need it at all because I use search engines with keywords in the address bar and I'd like to know how to remove it.

Second, I had configured the new tab page to display 42 thumbnails (6 columns and 7 rows) and now it only shows 8 thumbnails. In the about:config the settings are still as I had them but only 8 thumbnails are shown no matter what number is set.

Can anyone tell me how to solve these problems without downgrading?

Chosen solution

I didn't know about the existence of those archives. I investigated a bit and after a few tests with Firebug I got this code:

@-moz-document url(about:newtab) {

#newtab-margin-undo-container, #newtab-margin-top, #newtab-search-container, #newtab-search-logo {

display:none !important; }

#newtab-grid {

height: 650px !important; max-height: 650px !important; }

.newtab-cell {

height: 9% !important; width: 13% !important; } }

That combines your codes, hides another top margin and resizes the thumbnails in order to fit the 42 squares to my resolution (1280x800). Obviously the values ​​must be modified to be adapted to other number of thumbnails and resolutions. If anyone knows any more generic solution I'll be happy to hear it. I also hope that Mozilla fix this bug to avoid having to do this process. Thanks for your help. :)

Read this answer in context 👍 10

All Replies (3)

more options

You can add the following CSS code into your userChrome.css file to hide the search box.

 
@-moz-document url(about:newtab) 
{
  #newtab-search-container, #newtab-search-logo { display:none !important; } 
  } 
more options

You may also want to suppress the large margin at the top.

Note tha the his code should be in userContent.css and not in userChrome.css

/* about:newtab */
@-moz-document url(about:newtab){
#newtab-margin-top {display:none!important}
#newtab-search-container {display:none!important}
}

The customization files userContent.css (websites) and userChrome.css (user interface) are located in the chrome folder in the Firefox profile folder.

  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Paste the code in the userContent.css file
more options

Chosen Solution

I didn't know about the existence of those archives. I investigated a bit and after a few tests with Firebug I got this code:

@-moz-document url(about:newtab) {

#newtab-margin-undo-container, #newtab-margin-top, #newtab-search-container, #newtab-search-logo {

display:none !important; }

#newtab-grid {

height: 650px !important; max-height: 650px !important; }

.newtab-cell {

height: 9% !important; width: 13% !important; } }

That combines your codes, hides another top margin and resizes the thumbnails in order to fit the 42 squares to my resolution (1280x800). Obviously the values ​​must be modified to be adapted to other number of thumbnails and resolutions. If anyone knows any more generic solution I'll be happy to hear it. I also hope that Mozilla fix this bug to avoid having to do this process. Thanks for your help. :)

Modified by ManuelFte