Showing questions tagged: Show all questions
  • Solved
  • Archived

How can I move the Open Menu (hamburger) button to the Left side with Firefox 60 using CSS in the Userchrome.css file?

I want to combine two customizations in Firefox 60: 1 Move the tabs to below the Address bar and Bookmarks toolbar; and 2. Move the Open Menu (hamburger) button to the le… (read more)

I want to combine two customizations in Firefox 60: 1 Move the tabs to below the Address bar and Bookmarks toolbar; and 2. Move the Open Menu (hamburger) button to the left hand side in Firefox 60. Unfortunately, "customize" does not allow one to move the Open Menu button in FF60 (it is greyed out in "Customize"). I can do each of these steps separately with the following CSS customizations in the UserChrome.css file inside my profile, but am not sure how to combine the two together. For 1. the following works: https://support.mozilla.org/en-US/questions/1185426 For 2. the following works: https://github.com/Timvde/UserChrome-Tweaks/blob/master/hamburger/move-to-top-left-Linux-Windows.css but combining them messes up the position of the Open Menu button - I am not skilled in CSS. Can anyone suggest a CSS that will do both tasks together? Or is there a simpler solution to both that I am missing?

The two CSS respectively are: 1. Move the tabs to below the address bar and bookmarks toolbar: ________________

/* Tab bar below Navigation & Bookmarks Toolbars
  For best results, show Title Bar or Menu Bar */
  #nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 1 !important;
  border-top-width: 0 !important; 
   }
    #PersonalToolbar { /* bookmarks toolbar */
   -moz-box-ordinal-group: 2 !important;
   }
   #TabsToolbar { /* tab bar */
 -moz-box-ordinal-group: 3 !important;
   }

________________ 2. Move the Open Menu button to the LHS: ________________

/*
 * Move the hamburger menu to the top left, before the first tab
 *
 * Contributor(s): Alex Vallat
 */

#PanelUI-button {
  -moz-box-ordinal-group: 0;
  border-left: none !important;
  position: absolute;
}

:root[uidensity=compact] #PanelUI-button {
  margin-top: -28px;
}

#PanelUI-button {
  margin-top: -30px;
}

:root[uidensity=touch] #PanelUI-button {
  margin-top: -36px;
}

#TabsToolbar {
  /* Ensure the padding is always present even when maximized */
  padding-inline-start: 40px !important;
}

_______________

Asked by Rick W 2 years ago

Answered by Rick W 2 years ago

  • Solved
  • Archived

DOES THE TABS ON BOTTOM .CCS FILE WORKAROUND WORK IN FF VER. 62STILL WORK?

Have used this workaround before. Seems like might have to edit the scripe tho. I have a working version in Win10, but not working in Win 7. We miss our favorite user f… (read more)

Have used this workaround before. Seems like might have to edit the scripe tho. I have a working version in Win10, but not working in Win 7. We miss our favorite user friendly configureable browsers and would trade a little speed for a FF Flex version as opposed to current unfrindly FF Fast ver. Thanks for all the great FF browsers of the past

Asked by Scott 2 years ago

Answered by Scott 2 years ago

  • Solved
  • Archived

Moving status panel to the top

Hi, I am using Firefox 63.0.1 with Roboform V8 addon. The addon creates a toolbar at the bottom of the page. The problem now is, that the Roboform bar hides the status pa… (read more)

Hi,

I am using Firefox 63.0.1 with Roboform V8 addon. The addon creates a toolbar at the bottom of the page. The problem now is, that the Roboform bar hides the status panel at bottom left corner. Is it possible to move the status panel to the left or right top corner?

Thank you in advance!

Asked by M4tz5 1 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

Hide status bar as mouse moves AWAY from url link

Hi every one I have project with which I have managed to hide the status bar on mouse over using the useChrome.css. So you don't see the URl on mouse over. We are using O… (read more)

Hi every one I have project with which I have managed to hide the status bar on mouse over using the useChrome.css. So you don't see the URl on mouse over. We are using Openkiosk based on Firefox as a information screen to describe what people are looking at in a chapel, the stain glass windows in fact. its a touch screen device not connected to the internet in any way. This has black html pages and the only thing I cant get rid of is when you click on the next link is it flashes the URL link from localhost. I can simulate this with moving the mouse pointer away/off the url link.

I just wondered if anyone knows the code to stop this, I have been looking for days and I cant find it anywhere.

Asked by packern 1 year ago

Answered by packern 1 year ago

  • Solved
  • Archived

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/… (read more)

Asked by Leafsdude 1 year ago

Answered by Leafsdude 1 year ago

  • Solved
  • Archived

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. … (read more)

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 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

Is there a way to change the tabs' font to BOLD?

Hi all, Is there a way in about:config to change the tab font to be bold? Or to change it to a font that is automatically bold (like Aharoni, for ex.)? Thanks! PS, if t… (read more)

Hi all, Is there a way in about:config to change the tab font to be bold? Or to change it to a font that is automatically bold (like Aharoni, for ex.)? Thanks! PS, if this requires a css file, I will have a LOT more questions, as I have never written one of those and being somewhat elderly, have never taken a computer course.

Asked by CatsinQ 10 months ago

Answered by Eve 10 months ago

  • Solved
  • Archived

Dark / black background for View Source page?

It has been asked before, but I wasn't able to find a webpage providing coplete and working instructions. Here's what I did so far: 1) I set toolkit.legacyUserProfileCust… (read more)

It has been asked before, but I wasn't able to find a webpage providing coplete and working instructions.

Here's what I did so far:

1) I set toolkit.legacyUserProfileCustomizations.stylesheets to true in about:config 2) I added a folder called chrome and a file called userChrome.css for both the Root Directory and the Local Directory in about:profiles

/home/user-linux/.mozilla/firefox/ /home/user-linux/.cache/mozilla/firefox/

3) I added the following code to these files (I got it from https://gist.github.com/abelcheung/0229ee3ab896feac8126f40eb1405996 )

@-moz-document url-prefix(view-source:) {

	*|*:root {
		background: none !important;
	}

	#viewsource {
		font-family: "Roboto Mono", Inconsolata, "Source Code Pro", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, -moz-fixed !important;
		line-height: 1.5em;
		background-image:
		url(https://farm9.staticflickr.com/8536/8680613751_71ef92bbdb_o_d.jpg),
		linear-gradient(to right, #002b36d0, #002b36d0, #000000d0),
		linear-gradient(#00000040 50%, transparent 50%);
		background-size: cover, cover, auto 3em;
		background-position: center, center, top 10px left 0;
		background-attachment: fixed, fixed, scroll;
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-blend-mode: overlay, normal, normal;
		color: #839496;
	}

	pre[id]:before,
	span[id]:before {
		width: 6ch !important;
		color: #586e75 !important;
		margin-left: -7ch !important;
	}
	pre {
		padding-left: 1ch;
		margin-left: 6ch !important;
		border-left: 2px solid #073642;
	}
	pre > :first-child {
		padding-right: 1ch;
	}

	.highlight .start-tag {
	 color: #d33682 !important;
	}
	.highlight .end-tag {
	 color: #d33682 !important;
	}
	.highlight .comment {
	 color: #586e75 !important;
	}
	.highlight .cdata {
	 color: #cb4b16 !important;
	}
	.highlight .doctype {
	 color: #268be2 !important;
	}
	.highlight .pi {
	 color: #268be2 !important; /* orchid -> blue */
	}
	.highlight .entity {
	 color: #b58900 !important; /* violet -> yellow */
	}
	.highlight .attribute-name {
	 color: #93a1a1 !important;
	}
	.highlight .attribute-value {
	 color: #2aa198 !important;
	 text-shadow: 1px 1px 2px black;
	}
	.highlight .markupdeclaration {
	 color: #859900 !important;
	}
	.highlight .error,
	.highlight .error > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype,
	.pi, .entity, .attribute-name, .attribute-value) {
		color: #002b36 !important;
		background-color: #dc322f !important;
	}
}

4) I restarted Firefox and was expexcting a nice black theme for the View-Source page, but nothing changed. What am I missing?

That being asked, why hasn't Firefox implemented a standard dark theme approved by the majority of users which has all these elements covered? For most people it would make much more sense to switch with the press of a button than spend hours of research and experiments to get a dark theme working.

Also, is this the official Firefox community forum or am I mistaken?

Asked by SusseLinuxx 9 months ago

Answered by d.mattera 9 months ago

  • Solved
  • Archived

want tabs below bookmarks toolbar (again)

just updated to 7.2, and now my userchrome.css has broken "again"..... l cant do tabbed browsing like this as only the selected tab is accessable, anything else l click j… (read more)

just updated to 7.2, and now my userchrome.css has broken "again".....

l cant do tabbed browsing like this as only the selected tab is accessable, anything else l click just accesses my bookmarks toolbar... why does Mozilla keep on breaking this? why cant they give us an option to change the location above or below like before..

Asked by SirusZex 9 months ago

Answered by demian_temp88 9 months ago

  • Solved
  • Archived

library spacing

OK, so the latest update messed the library spacing again. Could someone give a hand as I can't find way to fix this one? My gobbled together version on https://support.m… (read more)

OK, so the latest update messed the library spacing again. Could someone give a hand as I can't find way to fix this one?

My gobbled together version on https://support.mozilla.org/en-US/questions/1267773 works on sidebar and menu drop-bar but library/show-all-bookmarks has far too much space between the lines.

Asked by kuopiofi 8 months ago

Answered by kuopiofi 8 months ago

  • Solved
  • Archived

disabling bookmarks history

I have a problem, i ve been searching everywhere but nothing about this. I want to disable this bookmarks history in this menu icon near ublock icon>library>bookmar… (read more)

I have a problem, i ve been searching everywhere but nothing about this. I want to disable this bookmarks history in this menu icon near ublock icon>library>bookmarks and here is whole list of last added bookmarks. This activity stream in about config do not work with this. I dont have any folder with these in bookmarks settings, the only place where i can find this list is here. Is there any way to delete this and to stop firefox collecting history of every bookmarks i add there?

Asked by DoneDonedone 7 months ago

Answered by cor-el 7 months ago

  • Solved
  • Archived

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… (read more)

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 1 year ago

Answered by Joebt 1 year ago

  • Solved
  • Archived

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… (read more)

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 1 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

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… (read more)

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 1 year ago

Answered by TyDraniu 1 year ago

  • Solved
  • Archived

"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… (read more)

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 year ago

Answered by EGC_Warlock 1 year ago

  • Solved
  • Archived

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… (read more)

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 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

How to make tabs not so tall in Firefox 70?

Firefox 70 has made the tab hight taller, and now they overlap the window frame on my computer (Win 7). How do I get them back to their size in Firefox 69 and stop them … (read more)

Firefox 70 has made the tab hight taller, and now they overlap the window frame on my computer (Win 7). How do I get them back to their size in Firefox 69 and stop them from eating into the frame? CSS is fine.

Asked by OneMoreName 12 months ago

Answered by cor-el 12 months ago

  • Solved
  • Archived

"open new tab" + button is covered by the longer width tab in version 70, how to fix this?

Since updating to version Firefox update 70, the tabs at the top of the screen seem to be longer. This has covered the + button to add a new tab. I've tried resetting eve… (read more)

Since updating to version Firefox update 70, the tabs at the top of the screen seem to be longer. This has covered the + button to add a new tab. I've tried resetting everything in customise firefox layout tool. I'm using the default theme, or dark theme, as provided with firefox. I tried each density option and they made no difference. If this isn't happening to everyone, is there something I can do to reset to even more default appearance in order to make the button visible properly? I know I can open new tabs by menu or hotkey combinations. My display choices include showing title bar, menu and bookmark bar. I have only Ublock Origin, Foxy Proxy standard and zoom image add ons.

Asked by rick_hoskins 12 months ago

Answered by jscher2000 12 months ago

  • Solved
  • Archived

How do I abrogate changes in v70 to search bar?

Suddenly my search bar lists only 7 (was 6) of about 20 search engines. The command "Change Search Settings" appeared on the same line as the 6th listed engine so that cl… (read more)

Suddenly my search bar lists only 7 (was 6) of about 20 search engines. The command "Change Search Settings" appeared on the same line as the 6th listed engine so that clicking on it summoned that search engine. Now "Add Mozilla Support" appears on that line and the other command appears on the same line as the 7th engine.

Asked by ender21 12 months ago

Answered by jscher2000 12 months ago

  • Solved
  • Archived

How do I get rid of the new bar in Firefox 71?

With FF71 there is a new horizontal bar occupying space on every page. It is the light green bar in the attached image; it changes colour, of course, if I revert to the … (read more)

With FF71 there is a new horizontal bar occupying space on every page. It is the light green bar in the attached image; it changes colour, of course, if I revert to the default theme. How do I get rid of it?

Asked by weendure 10 months ago

Answered by weendure 10 months ago