Kukhonjiswa imibuzo ethegiwe: Veza yonke imibuzo
  • Kusonjululiwe
  • Okugcinwe kunqolobane

How do I change the colour of the background, under the tab section?

I would like to change the colour of my background as i think white is plain. I already managed to change the tab using colors, but I can't find a way to change the colou… (funda kabanzi)

I would like to change the colour of my background as i think white is plain. I already managed to change the tab using colors, but I can't find a way to change the colour of the main body, underneath the tab section. Is there a way or is it impossible?

Asked by LacazetteBestStrikerInThePL 2 iminyaka edlule

Answered by Shadow110 2 iminyaka edlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Change tab height

Hi all, I'd like to modify the tab height, to make it thinner. Is this something that can be done, perhaps via the userChrome.css file? Thanks in advance. … (funda kabanzi)

Hi all,

I'd like to modify the tab height, to make it thinner. Is this something that can be done, perhaps via the userChrome.css file?

Thanks in advance.

Asked by dr 2 iminyaka edlule

Answered by cor-el 2 iminyaka edlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Override "important!" in source files with userChrome.css

Hello, I'm trying to change the default text direction in the URL bar from right to left (in FF RTL locals). Replacing html|input.urlbar-input:-moz-locale-dir(rtl) { dir… (funda kabanzi)

Hello,

I'm trying to change the default text direction in the URL bar from right to left (in FF RTL locals).

Replacing

html|input.urlbar-input:-moz-locale-dir(rtl) {

 direction: ltr !important;
 text-align: right !important;

}

with

html|input.urlbar-input {

 direction: ltr !important;
 text-align: left !important;

}

in chrome\browser\content\browser\browser.css does change the direction.

However, I can not achieve that with userChrome.css. Is it possible to override the "important!" rule in the source file with userChrome.css?

Thank you.

Asked by Yaron 2 iminyaka edlule

Answered by cor-el 2 iminyaka edlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Firefox 63 tab.close.button.transparent.background w/ hovered background

Fx 63.0.3 in Linux. I added a tab close button (hovered) colored background. It's not necessarily same W x H as the inactive button transparent background - which is fin… (funda kabanzi)

Fx 63.0.3 in Linux. I added a tab close button (hovered) colored background. It's not necessarily same W x H as the inactive button transparent background - which is fine.

I'd like to move the (inactive) 'X' close to the tab right end (did move it - not necessarily easiest way). The bottom of red background in hovered state needs to be close to the tab bottom & even with the tab's right end / side, for a better, easier target to close. I did that - more or less. :)

The issue (that may have no solution) is the inactive button's transparent BG is 20x20px, I believe. So far, unless I make the hovered, colored background the same size as the inactive button's , it distorts the 'X' when the red background appears. So the button is semi-fixed? When hovered, it doesn't "translate" the X icon in the same HxW. Yes, people are starving in Africa & we're worried about pretty browsers.

I assume because the inactive close button has different dimensions and margins than the added background does, the only way I can get the "legs" of the 'X' near the tab border is enter different margins for it than for the hovered, colored background?

  • Question on the last part: *When you have a 20x20 button, originally positioned so the 'letter X' was ~ 5 - 7px from the border / end, what does Firefox "do" w/ the transparent part of the button, when you enter margins so the 'X' is very near the right tab border (right end of the moz-box or container)?
  • Does it in effect, 'remove' part of the transparent button, as different margins are entered, to move the button closer & closer to the container's end?

It appears the default close button's 'X' is 10px WxH. Since browser toolbox showed the button was 20x20px - I think, then it has a 5px margin? on all sides of the 'X' image.

The main goals are:

  • 1. Get more room for text on tabs. I also changed margins on the tab icons to move them near the tab left border & disabled tab text fadein.
  • 2. Have a clickable background to close tabs - that lines up at the tab bottom, right corner & not have to "fish around" for the close button. I have that.

So far, unless I make the hovered background the exact dimensions of the button, then use the exact margins on both, it will distort the X - depending on how different in size the inactive & hovered sizes are.

I couldn't find a CSS property / feature that would allow *the original* X close button to shift up or left (undistorted), when the hovered background appears.

Maybe the original close button could be hidden during hover and a new close button specified (adding a colored BG) with a new size? Say, 15x20 (or 30)? As long as the hovered BG is near the bottom, right corner.

  • I think whatever space is occupied by the width of the transparent button edge (plus padding, if any), dictates how far the tab's text can extend to the right? Once hovered, I don't care if more or less text shows, since I'll be closing the tab, not reading it.
  • If that's true, I could modify / create an overall smaller inactive close button - allowing more text on tabs. Or just "remove" the *inactive state* close button, & specify the same close button (plus red BG) for the hovered state.

I'm not sure how hard it would be.

It was kind of tedious, figuring out how much negative margin values to enter (for 2 different element sizes), so they both wound up (nearly) equidistant from the tab R end. Key word being "nearly". I didn't want the 'X' touching or almost - the tab divider line. But I want the hovered background touching it, to make an easier closing target.

In blown up screenshot(sss), it seemed if I measured the distance between the close button visible 'X' and the tab's R border (say 7px), if I entered 5px, the visible 'X' moved, but NOT so it was 2px from the R border. It seemed something else was affecting it.

.tabbrowser-tab .tab-close-button { /* move inactive close button closer to tab R-end */

 margin-top: 5px !important;
 margin-right: -10px !important;
 margin-left: 0px !important;

}

Asked by Joebt 2 iminyaka edlule

Answered by Joebt 2 iminyaka edlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Remove format change

Hi, I am not sure how to ask this question so maybe telling you the history of what I did will help. In one of the previous Quantum versions I wanted a different look fo… (funda kabanzi)

Hi,

I am not sure how to ask this question so maybe telling you the history of what I did will help.

In one of the previous Quantum versions I wanted a different look for tabs and general layout. At that time I found a web page that covered what I was looking for. As I recall, there was some 'text' that I cut and pasted into a folder. That produced the layout you see in the attached screen cap image.

Since the Quantum versions have been updated I would like to remove the layout change previously installed and have the current traditional Firefox layout.

I have searched but am unable to find the original information.

Hopefully someone will be able to help me.

Thanks in advance for your help!

Asked by RHB10 2 iminyaka edlule

Answered by cor-el 2 iminyaka edlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Run Hide One Tab & Tabs On Bottom in Firefox 65?

These two codes work separately: https://www.reddit.com/r/FirefoxCSS/comments/7dqtuf/hide_tab_bar_if_only_one_tab_is_open/ https://github.com/Aris-t2/CustomCSSforFx/blob/… (funda kabanzi)

Asked by Leafsdude 2 iminyaka edlule

Answered by Leafsdude 2 iminyaka edlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

How to disable panel under url bar?

In Firefox 65 update gave me a new tooltip or box under the urlbar when i type an address. How can we disable that blue box in attached image? I don't know what it is cal… (funda kabanzi)

In Firefox 65 update gave me a new tooltip or box under the urlbar when i type an address. How can we disable that blue box in attached image? I don't know what it is called but it is just useless and annoying.

Asked by karju 2 iminyaka edlule

Answered by TyDraniu 2 iminyaka edlule

  • Kusonjululiwe
  • Ikhiyiwe
  • Okugcinwe kunqolobane

tabs not on bottom

I just updated to Firefox 65 and suddenly my tabs are once again up in the gods. How do I get them down below the bookmarks toolbar and address bar? I've tried Userchrome… (funda kabanzi)

I just updated to Firefox 65 and suddenly my tabs are once again up in the gods. How do I get them down below the bookmarks toolbar and address bar? I've tried Userchrome and followed the 2017 video (which was very lcear by the way) that was recommended in Firefox support but it didn't work and I'm at my wits end. I hate this tabs on top thing and just want to put it back where it belongs. Please help?

Asked by Freaki_Zimi 2 iminyaka edlule

Answered by trog 2 iminyaka edlule

  • Ikhiyiwe
  • Okugcinwe kunqolobane

Version 65.0 moved the tabs back to the top of the window. Why isn't the placement optional?

I just updated my copy of Firefox to version 65.0. Immediately, I noticed that the tab bar has now been moved back to the top of the window, despite the hack I used to mo… (funda kabanzi)

I just updated my copy of Firefox to version 65.0. Immediately, I noticed that the tab bar has now been moved back to the top of the window, despite the hack I used to move it down. I know that I'm certainly not unique in disliking this location for the tabs toolbar. It makes a lot more sense for that toolbar to be below the bookmarks toolbar. That way, it separates the website content from the program's interface. Does anybody know of a way to move the tabs back down below the bookmarks toolbar? TIA

Asked by JBVic 2 iminyaka edlule

Last reply by jmazzeo 2 iminyaka edlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

"Close tab" button on left?

Hey, I know this question has been tackled in the past, but I tried following previous guides and none of the code listed in those guides worked with the latest version o… (funda kabanzi)

Hey, I know this question has been tackled in the past, but I tried following previous guides and none of the code listed in those guides worked with the latest version of firefox (66). I'm a mac user (you guessed it lol) and I wanted to put the "close tab" x button on the left of the tab, and not the right, so that its consistent with the rest of Mac OS.

Does anyone know how to do that, or is there an extension which does this?

Thanks!

Asked by EGC_Warlock 1 unyaka odlule

Answered by EGC_Warlock 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

My multiple rows tabs in FF now appear as a single line instead of multiple rows. Why and how do I fix it?

My multiple rows tabs in FF now appear as a single line instead of multiple rows. Why and how do I fix it?

Asked by max2 1 unyaka odlule

Answered by max2 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

CSS: .urlbar-textbox-container in Firefox 66

Hello, .urlbar-textbox-container { margin-inline-end: 3px !important; } does not work in FF 66. What should be the replacing rule? Thank you. … (funda kabanzi)

Hello,

.urlbar-textbox-container { margin-inline-end: 3px !important; }

does not work in FF 66.

What should be the replacing rule?

Thank you.

Asked by Yaron 1 unyaka odlule

Answered by cor-el 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

bookmark toolbar via userchrome.css broke with 66/66.0.1 update

I've used userChrome.css since 57 I believe to have a two row bookmark toolbar. The .css files is currently: /*AGENT_SHEET*/ /* Firefox 57+ userChrome.css tweaks *******… (funda kabanzi)

I've used userChrome.css since 57 I believe to have a two row bookmark toolbar. The .css files is currently:

/*AGENT_SHEET*/

/* Firefox 57+ userChrome.css tweaks ****************************************************/ /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/ /* by Aris (aris-addons@gmx.net)*********************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/


  1. personal-bookmarks {
 display: block;

}

  1. personal-bookmarks #PlacesToolbar {
 display: block;
 min-height: 0px;
 overflow-x: hidden;
 overflow-y: auto;
 max-height: 999px;

}

  1. personal-bookmarks #PlacesToolbar > hbox {
 display: -moz-stack !important;
 left: 0px;
 right: 0px;
 width: 100%;

}

  1. personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
 overflow-x: visible;
 overflow-y: visible;

}

  1. personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
 display: block;

}

  1. personal-bookmarks #PlacesToolbar > .bookmark-item{
 visibility: visible !important;

}

  1. personal-bookmarks #PlacesToolbar .chevron{
 display: none;

}

  1. personal-bookmarks #PlacesToolbar > hbox > hbox{
 overflow-x: hidden;
 overflow-y: hidden;

}

  1. personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
  2. personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
 display: none;

}

  1. personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
 padding-top: 2px;
 padding-bottom: 2px;
 /*margin-left: -4px !important;
 padding-right: 9.5px !important;*/

}

  1. personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
  2. personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
 padding-top: 2px !important;
 padding-bottom: 2px !important;
 /*-moz-padding-start: 4px;
 -moz-padding-end: 2px;*/

}

  1. personal-bookmarks #PlacesToolbar toolbarseparator{
 -moz-appearance: none !important;
 visibility: visible !important;
 display: inline;
 text-shadow: none !important;
 border-left: 3px solid ThreeDShadow !important;
 border-right: 3px solid ThreeDHighlight !important;
 vertical-align: middle;

}

  1. personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
 -moz-appearance: toolbarbutton;

}

  1. navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar):not(#TabsToolbar) {
 max-height: 50px !important;


This is no longer working in 66/66.0.1.

What needs to be adjusted to make this functional again in the latest updates?

Thanks!

R

Asked by Zoloft 1 unyaka odlule

Answered by jscher2000 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

How can I install a second bookmarks toolbar, again in V66.0.1?

Last year, timeout14 posted "How can I install a second bookmarks toolbar?". The chosen solution was: "Hi, you will need to use userChrome.css for that. Info on how to us… (funda kabanzi)

Last year, timeout14 posted "How can I install a second bookmarks toolbar?". The chosen solution was:

"Hi, you will need to use userChrome.css for that. Info on how to use it etc., is here https://www.userchrome.org/what-is-userchrome-css.html"

This worked fine until I was stupid enough to update Firefox Quantum to 66.0.1 (64-bit) which, of course, screwed it up.

Does anyone have a fix or should I stop trusting Firefox updates (sic) and go back to the earlier version?

Asked by AIVAS 1 unyaka odlule

Answered by cor-el 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Custom css

Hello! I have problems creating my own CSS style. Most of the changes were applied by the browser through userChrome.css and userContent.css, but those elements that use … (funda kabanzi)

Hello! I have problems creating my own CSS style. Most of the changes were applied by the browser through userChrome.css and userContent.css, but those elements that use common.css ignore it. What to do in my case?

Asked by omanski 1 unyaka odlule

Answered by jscher2000 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Bookmark dialog/editor position and Auto bookmark save

Hi, Q1: Currently the dialog/editor for when you want to save a bookmark spawns under the '...' in the address bar, which is on my screen pretty far to the right side. es… (funda kabanzi)

Hi,

Q1: Currently the dialog/editor for when you want to save a bookmark spawns under the '...' in the address bar, which is on my screen pretty far to the right side. especially because i prefer to save bookmarks with the menutoolbar>bookmarks menu (file edit view history bookmarks tools help) which is on the right side. (see image) i tried a little in userChrome with #editBMPanel_folderTree {} (which i found floating on the web) but i cannot get it to work. If thats impossible, is it then possible to move the '...' to the right side?

Q2: When the dialog/editor pops up and i leave it untouched and not hovering over it, it will automatically bookmark the page after 5-10~ seconds. how can i disable that?

Thanks in advance, Aapjuh

p.s. i uploaded an image with it.. but can't find it in the post so i'll provide a imgur link https://i.imgur.com/ukJCOTn.png

Asked by Aapjuh 1 unyaka odlule

Answered by cor-el 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

How to resize bookmarks side bar v63+

My bookmarks side bar is too wide and I would like to make it narrower. I have tried a few userchrome.css things but none work correctly. It looks like there is a frame… (funda kabanzi)

My bookmarks side bar is too wide and I would like to make it narrower. I have tried a few userchrome.css things but none work correctly. It looks like there is a frame or something behind the sidebar so when it narrows the frame is still there anyway. I am trying to get a little more size to my main view panel BUT I also like to leave the bookmarks side bar displayed at all times.

Thank you

Asked by rexlan 1 unyaka odlule

Answered by jscher2000 1 unyaka odlule

  • Kusonjululiwe
  • Ikhiyiwe
  • Okugcinwe kunqolobane

Disable middle click tab bar

Why is this a feature without the option to disable when none of the other browsers has this feature? It's really annoying trying to close a tab only to open a new one ag… (funda kabanzi)

Why is this a feature without the option to disable when none of the other browsers has this feature?

It's really annoying trying to close a tab only to open a new one again because you middle clicked on the empty portion of the tab bar.

Asked by ZetiX 1 unyaka odlule

Answered by cor-el 1 unyaka odlule