Firefox Community Forum

I've carried forward settings from long ago in my profile and I'm trying to figure out what my old settings are that control the scaling of the display. On older displays, I had made a point of using the native resolution for images to avoid blurring, and then changed font sizes to fit. In about:config I've found:

layout.css.devPixelsPerPx=1
layout.css.dpi=144

but copying those to a new profile gives me a tiny display on my higher-res screen. Changing layout.css.devPixelsPerPx works as expected, but layout.css.dpi seems to be a red herring--changing it has no effect in old or new profile. I vaguely remember replacing it with something else after a design change, but I'm not finding it either in about:config or in my userContent.css. It must be something that applies to the page content and not the UI, because my old settings don't affect the menu text and I had to adjust that size in userChrome.css.

(I'm trying to figure this out to diagnose a problem with a web site at work, which doesn't compute the window size correctly with my settings and refuses to display a menu sidebar at my usual window width.)

Hello, I have an empty space on the toolbar between the "New Tab" button and the "Minimize Window" button in Firefox. Is there a way to remove or reduce this space to make better use of the available space? Any help would be appreciated! Thanks.

As you can see from the image, the bookmark sidebar width can be expanded, but the width of the text portion does not grow with it. My longer bookmark names get truncated. Is there a setting to deal with this? If so, how do I access it?

Is there a way to show bookmarks on particular sites without showing them all the time?

My use case is that I have a plugin's url set as my home page and new tab page and would like to be able to see my bookmarks when I open a new tab but not when I'm on other tabs.

Bonus question; is there a way to have my new tabs open to that plugin's url but also have the url bar empty for browsing?

Thanks in advance for any help with either of these I imagine specific questions.

I have asked this question once before, but was hoping I could get some help by asking again. The text on my screen will completely bug out, and I have no idea how to stop it. I will attach several images from this screen alone showcasing the issue. It occurs everywhere, including captions. Only Firefox has this issue on my computer. I have tried refreshing Firefox once, and it did not solve the problem.

My Firefox toolbar used to show the address box, and at the end of the address box was a search box. After the last update, the search box disappeared and I would like to get it back. I used it constantly because it would hold my search and if I needed to tweak it a bit, it was still there and easy to do. Now I have to type the search in the address box and it goes away immediately. There was also a drop-down that listed my last few searches. The address bar goes almost completely across the page. Is there a way to get my search box back at the end of the address box? Thank you.

If letterboxing (anti-fingerprinting) is used or when a webpage is smaller than the window (such as in about:config), Firefox fills in the rest of the window using a dark gray. I want to make it completely black.

This is what I currently have in my userContent.css

```CSS @-moz-document url-prefix("about"), url-prefix("chrome"){

 body{ background-color: rgb(0 0 0) !important };
 .sticky-container{ background-color: rgb(0 0 0) !important };
 #toolbar{ background-color: rgb(0 0 0) !important };

}@-moz-document url-prefix("about"), url-prefix("chrome"){

 body{ background-color: rgb(0 0 0) !important };
 .sticky-container{ background-color: rgb(0 0 0) !important };
 #toolbar{ background-color: rgb(0 0 0) !important };

} ```

Is there any setting that allows to get rid from this annoying Titlebar (line with buttons) in fullscreen mode? So that it never shows up even when hovering the mouse pointer over the top edge of screen. When it jumps out everything slides down and always leads to miss clicks when I try to select tabs. I don't want it to be constantly present here as well because it takes up screen space.

Last week the bookmarks button to bring on the sidebar disappeared from my toolbar. Browser and OS up to date. In my attempt to add it back I now see it has also been eliminated from the Customize palette. What gives?

I spent a ton of time perfecting my Firefox, making it look exactly how I wanted… but there’s one huge problem. My entire setup relies on userChrome.js, and I haven’t found a way to make it run permanently without pain.

I’m completely out of energy trying to fix this. But maybe someone here knows a proper workaround?

No js loaders and other hacks worked, so I’m sharing the full code. Maybe you can help me figure out a way to keep it running consistently?

Here’s my code:

function fixTabOrientation() {

   let tabbrowserTabs = document.getElementById("tabbrowser-tabs");
   let arrowscrollbox = document.getElementById("tabbrowser-arrowscrollbox");
   let newTabButton = document.getElementById("tabs-newtab-button");
   let peripheryBox = document.getElementById("tabbrowser-arrowscrollbox-periphery");
   let navBar = document.getElementById("nav-bar-customization-target"); 
   let urlBar = document.getElementById("urlbar-container"); // Адресний рядок

   if (tabbrowserTabs?.getAttribute("orient") !== "horizontal") {
       tabbrowserTabs.setAttribute("orient", "horizontal");
   }

   if (arrowscrollbox?.getAttribute("orient") !== "horizontal") {
       arrowscrollbox.setAttribute("orient", "horizontal");
   }

   if (navBar && urlBar && !urlBar.nextSibling?.isSameNode(tabbrowserTabs)) {
       navBar.insertBefore(tabbrowserTabs, urlBar.nextSibling);
   }

   if (newTabButton) {
       newTabButton.style.position = "absolute";
       newTabButton.style.right = "10px"; 
       newTabButton.style.top = "50%"; 
       newTabButton.style.transform = "translateY(-50%)"; 

       if (peripheryBox && !peripheryBox.contains(newTabButton)) {
           peripheryBox.appendChild(newTabButton);
       }

       newTabButton.style.display = "block";  
       newTabButton.style.width = "32px";
       newTabButton.style.height = "32px";
   } else {
       console.log("New Tab");
   }

}

fixTabOrientation(); setInterval(fixTabOrientation, 1000);

Any work solutions would be massively appreciated—I’m honestly exhausted fighting this.

When I am browsing the web I want the display to be full screen width. I don't want split screens. I don't want a permanent left column, like Zen appears to have. Can I toggle (hide/show) that left column ? No one appears to use analysts any more (we were expensive) The young programmers that are used instead, love dreaming up (and implementing) design changes, just because they can.