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

Why does my "Top Sites" layout suddenly have 7 columns instead of 5?

  • 14 balasan
  • 1 ada masalah ini
  • 5 paparan
  • Balasan terakhir oleh McCoy

more options

Yesterday, my New Tab page that's usually set with three rows and five columns of Top Sites suddenly had seven columns instead. This happened suddenly in the middle of the day, while I was using Firefox. I've restarted FF, and restarted my PC. I've tried the about:config browser.newtabpage.columns variable that I've seen posted in various places as a fix, but that variable doesn't exist any longer. I've tried this fix: https://support.mozilla.org/en-US/questions/1242653, and it didn't do anything at all.

How do I change it back to five columns like it was before?

Edit: Well, it's actually eight columns now, and it was six before the change. Apparently I can't even count to six and eight! The fact remains that it's suddenly different for no apparent reason, and I'd like to figure out how to change it back.

Yesterday, my New Tab page that's usually set with three rows and five columns of Top Sites suddenly had seven columns instead. This happened suddenly in the middle of the day, while I was using Firefox. I've restarted FF, and restarted my PC. I've tried the about:config browser.newtabpage.columns variable that I've seen posted in various places as a fix, but that variable doesn't exist any longer. I've tried this fix: https://support.mozilla.org/en-US/questions/1242653, and it didn't do anything at all. How do I change it back to five columns like it was before? Edit: Well, it's actually eight columns now, and it was six before the change. Apparently I can't even count to six and eight! The fact remains that it's suddenly different for no apparent reason, and I'd like to figure out how to change it back.

Diubah oleh dwquilts

All Replies (14)

more options

The code in userContent.css should still work.

@-moz-document url("about:newtab"),url(about:home) {
 main, .search-inner-wrapper {width: 540px !important;}
}

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
more options

Hi, and thanks for the help! I've checked the pref in about:config. It was already set to true because I have been using userChrome.css for quite a while.

I inserted the css in your post, and the only thing different was that the Top Sites icons are all shifted to the right a bit, and now causing a scroll bar at the bottom of the browser window, but there are still seven columns.

more options

You may have accidentally zoomed web page(s). Reset the page zoom on pages that cause problems.

  • View -> Zoom -> Reset (Ctrl+0/Command+0 (zero))
more options

Yes, I do use the zoom feature, but no matter what level of zoom, even at 100%, there are still seven columns and they are now pushed to the right after using the CSS from your previous post. Of course, with it zoomed to 100%, there is no scroll bar at the bottom, but that's not the basic problem anyway. The basic problem is that there are seven columns of Top Sites instead of five.

more options

The main container has a "margin: auto" rule, so this container in centered. You can set a specific margin-left to override the centering.

@-moz-document
 url("about:newtab"),
 url(about:home) {
 main, .search-inner-wrapper { width: 540px !important; }
 main { margin-left: 5px important; }
}
more options

That didn't help either. I've attached a screenshot of what it looks like. This is at 100%, with this in the userContent.css file:

@-moz-document

url("about:newtab"),
url(about:home) {
main, .search-inner-wrapper { width: 540px !important; }
main { margin-left: 5px important; }

}

All that's happening here is that everything is pushed to the right instead of centered, but there are still eight columns instead of six (in case you didn't see my edit, there were six before it suddenly changed to eight; apparently I can't even count to numbers less than ten!).

I liked it at six. It was perfect. I'd like to figure out how to get it set back to six columns.

Thanks for your help!

more options

What Firefox locale do use?

It looks that you have a RTL locale, so you can po0sibly try margin-right:0 !important instead.

more options

I don't know what FF locale I use, and not sure how to figure it out. I did try margin-right:0 !important instead, and it still looks the same, with eight columns instead of six.

more options

dwquilts said

I don't know what FF locale I use, and not sure how to figure it out.

Type about:support in the adress bar and press Enter.

Then scroll all the way down to "Internationalization & Localization".

more options

I found this article that says:

New "New Tab" page experience for users from the United State that displays more Pocket content.

I don't have Pocket set to display (and when I turn it on to test it, it's exactly the same width as the eight columns that I have now), but perhaps that's what's causing the issue? If so, is there a way to fix?

Diubah oleh dwquilts

more options

McCoy said

dwquilts said
I don't know what FF locale I use, and not sure how to figure it out.

Type about:support in the adress bar and press Enter.

Then scroll all the way down to "Internationalization & Localization".

Thanks—it's en-US.

more options

dwquilts said

there are still seven columns and they are now pushed to the right after using the CSS from your previous post.

Removing that CSS should take care of that problem.

FWIW : I have my new tab page at a 120 zoom level, and have six columns. Reset zoom (or reducing it to 110 even) gives me eight columns.

Please, don't take it the wrong way, but as you said " apparently I can't even count to numbers less than ten! " (which happens to all of us at one point, so don't feel bad) - could it be that you hadn't noticed that you'll get those six columns back when you zoom in ?

more options

Yes, I have removed all CSS at this point.

I have tried different zoom levels, but it only causes a horizontal scroll bar at the bottom of the window, and the eight columns are still there. Sure, at 180%, I see six columns, but the icons are huge, some of them are cut off at the bottom, and it looks pretty terrible. It was great before with six columns and three rows. It was perfect. All the sites I visit daily were there. Now it's kind of a mess.

I guess I'm just going to give up, honestly. It seems like this type of thing is an issue with almost every FF update, as some weird thing changes with the layout and then I have to jump through hoops to get the layout and look that I liked, and have used for years, back again. It's very frustrating.

Thank you for the help, regardless.

more options

dwquilts said

I guess I'm just going to give up, honestly.

Aww, don't give up - I'm sure that cor-el (or someone else) will figure this out.

I'm rather curious about what's going on here myself .....