Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Learn More

Can I use BOTH a default pattern and custom image background in Firefox Color (custom theme creator)?

  • 3 odpovede
  • 0 má tento problém
  • 24 zobrazení
  • Posledná odpoveď od Austin

more options

Is there a way to enable using both a default pattern as well as a custom image for the background on Firefox Color? I really want to enable both but it is making me choose one or the other. Please help me do this or enable the ability to do so.

Is there a way to enable using both a default pattern as well as a custom image for the background on Firefox Color? I really want to enable both but it is making me choose one or the other. Please help me do this or enable the ability to do so.

Vybrané riešenie

You can add a custom background image beneath the Firefox Color pattern with the following userChrome.css (wallpaper.jpg located in the same folder):

#navigator-toolbox::before {
  background: url("wallpaper.jpg") !important;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  content: "";
}
html[sizemode="normal"] #navigator-toolbox::before {
  border-radius: 10px;
}
#navigator-toolbox {
  background-color: unset !important;
}
Čítať túto odpoveď v kontexte 👍 0

Všetky odpovede (3)

more options

Vybrané riešenie

You can add a custom background image beneath the Firefox Color pattern with the following userChrome.css (wallpaper.jpg located in the same folder):

#navigator-toolbox::before {
  background: url("wallpaper.jpg") !important;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  content: "";
}
html[sizemode="normal"] #navigator-toolbox::before {
  border-radius: 10px;
}
#navigator-toolbox {
  background-color: unset !important;
}

Pomohla vám táto odpoveď?

more options

Could you explain how to get to the userchrome.css file and also how would I align the custom image toward the top of the image and fixed to the right corner like I can in Firefox Color?

Pomohla vám táto odpoveď?

more options

Nevermind, thank you so much. I got it fully working perfectly with your code and a little tweaking help with ChatGPT. Here is the exact code that worked for me to place an image in the top right corner with no repeat and have a fully functioning toolbar:

#navigator-toolbox::before {
  background: url("wallpaper.jpg") no-repeat top right fixed !important;
  width: 300px !important; /* Set the width to 100 pixels */
  height: 95px !important; /* Set the height to 100 pixels */
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 0 !important;
  content: "";
}

#navigator-toolbox {
  background-color: #943022 !important;
  z-index: 10 !important;

}

NOTE: the 1's in front of the navigator-toolbox are actually hashtags # Thanks so much man much appreciated.

Upravil(a) cor-el dňa

Pomohla vám táto odpoveď?

Položiť otázku

Ak chcete odpovedať na príspevky, musíte sa prihlásiť do svojho účtu. Ak ešte nemáte účet, položte novú otázku.