Does Firefox Have A Personal Desktop Background Program

Question

Is in that location a way to alter just the background image for new tabs?

Howdy, I have attached 2 screenshots: 1. The groundwork where I want to employ the epitome in firefox. ii. Chromium later changing the groundwork.

Is there a style to change the background in Firefox to an prototype of my choice?

Hi, I have fastened 2 screenshots: 1. The background where I want to utilise the image in firefox. 2. Chromium after changing the groundwork. Is there a manner to change the background in Firefox to an paradigm of my choice?

Attached screenshots

Modified November 12, 2019 at iii:03:01 PM PST by Sourav

Chosen solution

Cheers very much @cor-el for your solution. Information technology worked. Hither I will just modify what you said, so that others can benefit with the verbal steps.

If yous are using Firefox lxx+ versions on Linux, like me:

1. Get to about:support. And await for the "Contour Directory" button. two. On the opened directory, create a folder called "chrome" if it doesn't exist. 3. Create a file called userContent.css, and paste in the post-obit contents: ``` @-moz-document url-prefix(well-nigh:abode), url-prefix(about:newtab) { .click-target-container *, .summit-sites-listing * { color: #fff !important ; text-shadow: 2px 2px 2px #000 !of import ; }

body { background: url(/usr/share/backgrounds/flowers-4564439.jpg) !of import ; background-size: cover !of import ; } } ``` Save the file and open up Firefox (no need to restart at this point).

[replace the url(...) with the image path. Hither, in my example I have images in the /usr/share/backgrounds direcotry]

[The `background-size: encompass !of import ;` line here ways that the image will be resized automatically].

[Everything is cocky explainatory hither]

[IDK how to format codes on back up.mozilla.org].

4. Open up the url virtually:config, and change the choice "toolkit.legacyUserProfileCustomizations.stylesheets" to truthful.

5. Restart firefox. It should look more crawly at present!

Read this answer in context 👍 0

Answer 1

Hi Sourav, at that place is a number of extension to customize the New tab folio, for instance: * https://addons.mozilla.org/firefox/addon/tabliss/ * https://addons.mozilla.org/firefox/addon/fvd-speed-dial/ * https://addons.mozilla.org/firefox/addon/new-tab-tools/ * https://addons.mozilla.org/firefox/addon/infinity-new-tab-pro-firefox/

Answer 2 · 2019-10-25T02:52:55-07:00

I want to change But the background image. Although they all change the wearisome static groundwork colour with some squeamish images, they also replace the "Firefox Home Content" that I am used to. Using firefox with those extension makes Firefox complicated to me, and don't practise what I wanted, at all...

Also, "Infinity New Tab (Pro)" by extfans looks awful to me. It'southward a crap full of ads, and tonnes of permissions. The search engine also got replaced with google custom search. The home page now has tiles of Amazon, Ebay, etc. I utilize Firefox because information technology respects my privacy. I can't install crap advertizing ons like that.

If needed I can apply HTML, CSS, JS for that. Merely I don't still know how to do all those to modify the expect and feel for Firefox...

I want to change ONLY the groundwork image. Although they all alter the deadening static groundwork colour with some squeamish images, they too replace the "Firefox Abode Content" that I am used to. Using firefox with those extension makes Firefox complicated to me, and don't practise what I wanted, at all... Also, "Infinity New Tab (Pro)" by extfans looks awful to me. Information technology'due south a crap full of ads, and tonnes of permissions. The search engine also got replaced with google custom search. The home page now has tiles of Amazon, Ebay, etc. I employ Firefox considering it respects my privacy. I tin can't install crap advertisement ons like that. If needed I can use HTML, CSS, JS for that. But I don't yet know how to practise all those to modify the expect and feel for Firefox...

Modified Oct 25, 2019 at ii:52:55 AM PDT by Sourav

Answer 3

Y'all need to use code in userContent.css in the chrome folder to fix a background to about:newtab and possibly to about:home. Best (easiest) is to identify this paradigm in the chrome binder.

@-moz-certificate url-prefix(well-nigh:home), url-prefix(well-nigh:newtab) {  body{   background: url(...) !of import; } }

https://world wide web.userchrome.org/what-is-userchrome-css.html
https://www.userchrome.org/how-create-userchrome-css.html

In Firefox 69 and subsequently 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 = truthful
https://www.userchrome.org/firefox-changes-userchrome-css.html

You demand to use code in userContent.css in the chrome folder to set a background to almost:newtab and possibly to about:home. Best (easiest) is to place this image in the chrome folder. <pre><nowiki>@-moz-document url-prefix(about:home), url-prefix(almost:newtab) { torso{ background: url(...) !of import; } }</nowiki></pre> ---- *https://world wide web.userchrome.org/what-is-userchrome-css.html *https://www.userchrome.org/how-create-userchrome-css.html In Firefox 69 and later you need to set up this pref to true on the almost:config page to enable userChrome.css and userContent.css in the chrome folder. *toolkit.legacyUserProfileCustomizations.stylesheets = true *https://www.userchrome.org/firefox-changes-userchrome-css.html

Answer 4 · 2019-10-25T07:17:13-07:00

Chosen Solution

Cheers very much @cor-el for your solution. Information technology worked. Here I will but modify what you said, so that others can benefit with the exact steps.

If yous are using Firefox 70+ versions on Linux, like me:

ane. Go to about:support. And expect for the "Profile Directory" button. 2. On the opened directory, create a binder chosen "chrome" if it doesn't exist. 3. Create a file called userContent.css, and paste in the following contents: ``` @-moz-document url-prefix(about:home), url-prefix(about:newtab) { .click-target-container *, .top-sites-list * { colour: #fff !important ; text-shadow: 2px 2px 2px #000 !important ; }

body { background: url(/usr/share/backgrounds/flowers-4564439.jpg) !important ; background-size: cover !important ; } } ``` Salvage the file and open Firefox (no need to restart at this indicate).

[replace the url(...) with the image path. Here, in my case I have images in the /usr/share/backgrounds direcotry]

[The `background-size: cover !important ;` line hither means that the prototype will exist resized automatically].

[Everything is self explainatory here]

[IDK how to format codes on support.mozilla.org].

4. Open up the url nearly:config, and modify the choice "toolkit.legacyUserProfileCustomizations.stylesheets" to truthful.

5. Restart firefox. It should await more awesome now!

Thanks very much @cor-el for your solution. It worked. Here I volition only alter what you said, so that others can benefit with the exact steps. If you are using Firefox 70+ versions on Linux, like me: 1. Become to about:support. And look for the "Profile Directory" button. ii. On the opened directory, create a folder called "chrome" if it doesn't exist. 3. Create a file called userContent.css, and paste in the post-obit contents: ``` @-moz-document url-prefix(nearly:home), url-prefix(nearly:newtab) { .click-target-container *, .summit-sites-list * { colour: #fff !of import ; text-shadow: 2px 2px 2px #000 !important ; } body { background: url(/usr/share/backgrounds/flowers-4564439.jpg) !important ; background-size: cover !important ; } } ``` Save the file and open Firefox (no need to restart at this point). * [replace the url(...) with the prototype path. Here, in my example I have images in the /usr/share/backgrounds direcotry] * [The `background-size: encompass !important ;` line here ways that the paradigm volition be resized automatically]. * [Everything is cocky explainatory here] * [IDK how to format codes on support.mozilla.org]. four. Open the url about:config, and change the option "toolkit.legacyUserProfileCustomizations.stylesheets" to true. 5. Restart firefox. It should look more awesome now!

Modified October 25, 2019 at vii:17:thirteen AM PDT by Sourav

Answer 5

Is this the same procedure on windows? I tried simply only ended upwards with a white background and not my paradigm.

This is what I have in the .CSS file: @-moz-certificate url-prefix(nearly:home), url-prefix(about:newtab) {

                    .click-target-container *, .top-sites-list * {        color: #fff !important ;        text-shadow: 2px 2px 2px #000 !important ;    }

                    body {        background: url(C:\Users\thoma\Pictures\white-wolf-sw.jpg) !of import ;        background-size: encompass !important ;    }

}

Is this the same procedure on windows? I tried just merely ended up with a white background and non my image. This is what I have in the .CSS file: @-moz-document url-prefix(near:home), url-prefix(about:newtab) { .click-target-container *, .elevation-sites-list * { color: #fff !important ; text-shadow: 2px 2px 2px #000 !important ; } trunk { groundwork: url(C:\Users\thoma\Pictures\white-wolf-sw.jpg) !important ; background-size: embrace !important ; } }

Answer 6

Did you brand sure that you did everything correct?

file name: userContent.css (example sensitive) in the chrome folder in the profile folder
make sure that userContent.css doesn't have an actress hidden .txt or .css file extension

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to get to the current Firefox contour binder or employ the virtually:profiles page.

Aid -> Troubleshooting Information -> Profile Directory/Folder:
Windows: Prove Folder; Linux: Open up Directory; Mac: Show in Finder
https://support.mozilla.org/en-United states of america/kb/Profiles

Did you make certain that y'all did everything correct? * file name: userContent.css (case sensitive) in the chrome binder in the profile folder * brand sure that userContent.css doesn't have an extra hidden .txt or .css file extension Y'all can employ the button on the "Help -> Troubleshooting Data" (about:back up) page to go to the current Firefox profile folder or use the about:profiles page. *Assistance -> Troubleshooting Information -> Profile Directory/Folder: Windows: Bear witness Binder; Linux: Open Directory; Mac: Evidence in Finder *https://support.mozilla.org/en-US/kb/Profiles

Answer 7

Thomas L said

Is this the same process on windows? I tried but only ended upwards with a white background and not my image. This is what I have in the .CSS file: @-moz-document url-prefix(about:home), url-prefix(almost:newtab) { .click-target-container *, .top-sites-list * { color: #fff !of import ; text-shadow: 2px 2px 2px #000 !important ; } body { background: url(C:\Users\thoma\Pictures\white-wolf-sw.jpg) !of import ; groundwork-size: cover !of import ; } }

Wrong URL. Not a valid url format.

''Thomas L [[#answer-1265922|said]]'' <blockquote> Is this the same procedure on windows? I tried but merely ended up with a white background and not my image. This is what I have in the .CSS file: @-moz-certificate url-prefix(virtually:home), url-prefix(most:newtab) { .click-target-container *, .top-sites-listing * { colour: #fff !important ; text-shadow: 2px 2px 2px #000 !important ; } body { background: url(C:\Users\thoma\Pictures\white-wolf-sw.jpg) !important ; background-size: cover !of import ; } } </blockquote> Wrong URL. Not a valid url format.

Answer 8

TyDraniu said

Thomas L said
Is this the same procedure on windows? I tried but only ended upwards with a white background and not my epitome. This is what I take in the .CSS file: @-moz-document url-prefix(about:home), url-prefix(about:newtab) { .click-target-container *, .top-sites-list * { color: #fff !important ; text-shadow: 2px 2px 2px #000 !important ; } body { groundwork: url(C:\Users\thoma\Pictures\white-wolf-sw.jpg) !important ; background-size: cover !important ; } }

Wrong URL. Non a valid url format.

How should I write the URL?

''TyDraniu [[#answer-1266019|said]]'' <blockquote> ''Thomas L [[#respond-1265922|said]]'' <blockquote> Is this the same process on windows? I tried but only ended upwards with a white background and non my epitome. This is what I take in the .CSS file: @-moz-document url-prefix(about:domicile), url-prefix(near:newtab) { .click-target-container *, .tiptop-sites-list * { color: #fff !of import ; text-shadow: 2px 2px 2px #000 !important ; } body { groundwork: url(C:\Users\thoma\Pictures\white-wolf-sw.jpg) !important ; background-size: cover !important ; } } </blockquote> Wrong URL. Not a valid url format. </blockquote> '' How should I write the URL?

Answer 9

Open the file in a Firefox tab to get the correct file:/// URI.

Open up the file in a Firefox tab to become the correct file:/// URI.

Answer 10

cor-el said

Open the file in a Firefox tab to get the correct file:/// URI.

It worked! Thank you!

''cor-el [[#answer-1266177|said]]'' <blockquote> Open the file in a Firefox tab to go the right file:/// URI. </blockquote> It worked! Give thanks you!