this post was submitted on 26 Apr 2024
3 points (100.0% liked)

Firefox Customs

3 readers
1 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Rules

  1. Posts must have flair!
  2. Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
  3. Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
  4. When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
  5. Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

founded 1 year ago
MODERATORS
 

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 /chrome/fb1.png

that is my code

.logo {
	background-image: url("fb1.svg") !important;
}
top 2 comments
sorted by: hot top controversial new old
[โ€“] [email protected] 2 points 3 months ago* (last edited 3 months ago) (1 children)

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:

[โ€“] [email protected] 1 points 3 months 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