Hello, guys. I am having trouble editing the New Tab.

for some reason, i am unable to edit the .logo image. not even in the inspector. the new image just doesnt load.

i tried .svg and .png files, neither worked.

i feared it could be where the new image location, but then i put the full path and it did load anyway.

everything else i did on the about:newtab work. i even managed to change the color of the “Firefox” trademark

what should i do?

the file is in <profile>/chrome/fb1.png

that is my code

.logo {
	background-image: url("fb1.svg") !important;
}
  • ResurgamS13
    1•20 days ago

    Er… Are you quite sure the image file names you’ve been trying were identical? No errors?

    All works as expected here using both .svg and .png image files. :)

    E.g. in your post above your profile chrome folder image file is named ‘fb1.png’… whilst your image file name in your userContent.css code is ‘fb1.svg’. Yes, the image file names match… but No, the file type suffixes do not match!

    Tested here using a .svg image file and a new profile of Fx125.0.2 on Win10… with just the rule code copied directly from your post (above)… adding a Firefox logo .svg image file downloaded from here… placed in profile ‘chrome’ folder… then renamed ‘fb1.svg’ as per your example:

    • Compadre de OgumOP
      1•20 days ago

      thanks for the reply

      so, i have both fb1.svg and fb1.png in the folder.

      you know what? i was trying it only with the inspector. when i actually changed the userContent.css it worked

      hahahahah

      thanks :D