We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

חיפוש בתמיכה

יש להימנע מהונאות תמיכה. לעולם לא נבקש ממך להתקשר או לשלוח הודעת טקסט למספר טלפון או לשתף מידע אישי. נא לדווח על כל פעילות חשודה באמצעות באפשרות ״דיווח על שימוש לרעה״.

מידע נוסף

Change the new tab button image

  • 8 תגובות
  • 2 have this problem
  • 1 view
  • תגובה אחרונה מאת cor-el

more options

I'm trying to change the PNG of the new tab button.

I've tried

    .tabs-newtab-button {
         list-style-image: url ("C:\Users\Zevoxa\Downloads\newtab.png") !important;
         }

But that doesn't work, why? I'm using Stylish to do this.

I'm trying to change the PNG of the new tab button. I've tried .tabs-newtab-button { list-style-image: url ("C:\Users\Zevoxa\Downloads\newtab.png") !important; } But that doesn't work, why? I'm using Stylish to do this.

פתרון נבחר

If the image is in the chrome folder an you place the code in userChrome.css then you only need the file name and not the path:

list-style-image: url(newtab.png) !important;

I don't know if this will work with Stylish.

the error might be caused by the space after url()

Read this answer in context 👍 1

כל התגובות (8)

more options

Hi,

Try taking a look at this article: http://forums.mozillazine.org/viewtopic.php?t=513677


Hope this helps!

Curtis

more options

Best would be to place this icon in the same chrome folder with the userChrome.css file or use the URL as shown when you drag this image in a Firefox tab (New Tab > Open File).

Note that there are two new tab toolbar buttons and .tabs-newtab-button is only used when you haven't opened enough tabs to make scroll buttons appear.

You also need to add a -moz-image-region rule if you only use a button with one state.

  • chrome://browser/skin/browser.css
#new-tab-button,
.tabs-newtab-button {
 list-style-image: url ("file:///c:/Users/Zevoxa/Downloads/newtab.png") !important;
-moz-image-region: auto !important;
}

השתנתה ב־ על־ידי cor-el

more options

@cor-el - I tried that, hoping it'd work because it made sense, but I received an error.

more options

Does the image open with this URL in the location bar?

If not the try to open the image by dragging it in a Firefox window or use Firefox > New Tab > Open File

more options

I even put the image in the chrome folder (i.e. file:///C:/Users/Zevoxa/AppData/Roaming/Mozilla/Firefox/Profiles/vvxhsyt7.default/chrome/newtab.png) and put the url as and put my whole CSS Coding inside of userChrome.css.

more options

פתרון נבחר

If the image is in the chrome folder an you place the code in userChrome.css then you only need the file name and not the path:

list-style-image: url(newtab.png) !important;

I don't know if this will work with Stylish.

the error might be caused by the space after url()

more options

Aha! It was the space! Thank you so much cor-el. If I ever need help again, this surely will be the place I first look to. Thanks again.

more options

You're welcome.

Sorry for the confusion as I had copied your code and hadn't noticed the space and hadn't tested it.