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

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… (funda kabanzi)

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 iminyaka edlule

Answered by Rick W 2 iminyaka edlule

  • 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

I want to open new tabs in a local page

I want my new tabs in Firefox Quantum to open to my home page. My home page is a local page with all of my frequently used links on it. I've tried using New Tab Homepage … (funda kabanzi)

I want my new tabs in Firefox Quantum to open to my home page. My home page is a local page with all of my frequently used links on it. I've tried using New Tab Homepage and New Tab Override, and neither of them gives me what I want. I can easily do this with EVERY OTHER BROWSER I use; why not Firefox?

Asked by Knickknack 2 iminyaka edlule

Answered by Knickknack 2 iminyaka edlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

How do I turn Firefox off in one click?

I can't figure out how to move the "Exit" button from the menu onto the main toolbar. I tried right clicking the toolbar and chose "Customise", but there was no "Exit" bu… (funda kabanzi)

I can't figure out how to move the "Exit" button from the menu onto the main toolbar. I tried right clicking the toolbar and chose "Customise", but there was no "Exit" button available to add. I looked for Firefox add-ons as well but the ones that I need are not compatible with the latest version of Firefox. Currently (from what I can tell) the fastest way to close Firefox is by clicking "Open menu" at the top right (the three horizontal bars) and then scrolling all the way down and clicking "Exit" (this is two clicks though). Also to clarify, pressing the "Ctrl+Shift+Q" buttons is not what I want. I want a one MOUSE click solution.

Asked by Saanz 2 iminyaka edlule

Answered by cor-el 2 iminyaka edlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

How to add a startup script like userChrome.css

The web extension has too many limitation, so I consider a script to load at startup. Now I can load a script via scratchpad and set environment to browser. Is there any … (funda kabanzi)

The web extension has too many limitation, so I consider a script to load at startup.

Now I can load a script via scratchpad and set environment to browser.

Is there any easier way to load it, like userChrome.css, through a special name or some undocumented command line argument?

Asked by Bellozzz 2 iminyaka edlule

Answered by Bellozzz 2 iminyaka edlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Firefox 62, help needed to change the color of the "clock" icon in the History sidebar tree

I'm using the built-in dark theme of Firefox. In these days I changed the background color and the folder icons in the Bookmarks/History sidebar using this codes (I'm not… (funda kabanzi)

I'm using the built-in dark theme of Firefox. In these days I changed the background color and the folder icons in the Bookmarks/History sidebar using this codes (I'm not absolutely an expert of codes, I've found them by searching the web and the old questions in our support forum.):

/* Sidebar color change */
#viewButton, #sidebar-header, #sidebar-box, #sidebar, .sidebar-placesTree{
-moz-appearance: none !important;
color: #f9f9fa !important; /*text color*/
background-color: #1c1c1c !important; /* background color */
}
/* Drop down arrow - next to "view" */

.button-menu-dropmarker,
.button-menubutton-dropmarker {
 filter: invert(85%);
}
/* Edit folder icons */
#bookmarks-view treechildren::-moz-tree-image(container),
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"] .menu-iconic-icon {
  fill: #e8bb00 !important; /* slightly muted gold */
}
  /* Live Bookmark (RSS Feed) */
#bookmarks-view treechildren::-moz-tree-image(container, livemark),
#PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][livemark="true"] .menu-iconic-icon {
  fill: orange !important;
}
  /* Smart bookmark folder */
#bookmarks-view treechildren::-moz-tree-image(container, query),
#PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][query="true"] .menu-iconic-icon {
  fill: #69c !important; /* similar to blue smart folder color */
}
/* These "containers" are SVG in the sidebar, not yet on the menu */
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
  fill: olive !important;
}
/* Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus */
#BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon, 
#bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
}
#BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon, 
#bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
}

I didn't find how to change the "clock" icon color (white could be ok) in the History sidebar at the left of the "Today, Yesterday, etc". items. I attach a screenshot (it is Firefox in Italian, Cronologia = History). Do you have any suggestion to solve my problem?

Asked by Michele Rodaro 2 iminyaka edlule

Answered by cor-el 2 iminyaka edlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

How decrease spacing between lines in Bookmarks Library

This solution not help me. Windows 7 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .sidebar-placesTree treechildren::-moz-tree-row { he… (funda kabanzi)

This solution not help me. Windows 7


@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .sidebar-placesTree treechildren::-moz-tree-row {

 height: 1.3em !important;
 border-width: 1px !important;

}

Asked by 12sunflowers 1 unyaka odlule

Answered by cor-el 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

change the icons in firefox quantum 63.0 (64 bit)

thanks for the read Hi, i want to change all the interface icons in Firefox, or at least the ones i have to look at, the back, forward, reload, home, site information, v… (funda kabanzi)

thanks for the read

Hi, i want to change all the interface icons in Firefox, or at least the ones i have to look at, the back, forward, reload, home, site information, verified by:, bookmarks, library, and menu

i want traditional, nonflat, multicolored icons so that they match the rest of the icons on my computer

i dont want my computer icons to look like a phone or worse yet like windows 10.....yeesh im willing to go through any kind of graphic filetype conversion for icons or any advanced configuring, or even making my own in photoshop, i just dont know how to go about putting said graphics into firefox

My firefox

firefox quantum 63.0 (64 bit) mozilla firefox for linux mint 1.0

My OS

Linux Mint 17.3 Cinnamon

thanks again

.vz7.

edit: sorry for the blank lines, this website does not format text the way its actually typed, so i did what i could for clarity, and also the image upload does not appear to work (or it does not accept png files) but a picture isn't necessary anyway

Asked by .vz7. 1 unyaka odlule

Answered by jscher2000 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

i would like to increase the size of my address bar, tabs and toolbar

Just bought new Dell with Windows 10 Downloaded Firefix and logged into. The size of the tabs are really small (changed them using about:config) The address bar and bookm… (funda kabanzi)

Just bought new Dell with Windows 10 Downloaded Firefix and logged into.

The size of the tabs are really small (changed them using about:config) The address bar and bookmarks bar is still tiny..almost impossible to read

Please advise how to fix this..

Asked by surftracefree 1 unyaka odlule

Answered by jscher2000 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

Как убрать изображение страницы при сохранении ее в закладки?

При сохранении страницы в закладки с помощью CRTL+D отображается частичный скриншот сохраняемой страницы на развороте с настройками закладки. Экран моего нетбука невелик … (funda kabanzi)

При сохранении страницы в закладки с помощью CRTL+D отображается частичный скриншот сохраняемой страницы на развороте с настройками закладки. Экран моего нетбука невелик и если в настройках сохраняемой закладки развернуть список папок для выбора, то кнопки "Готово" и "Отмена" уходят за нижний край экрана. В этой ситуации очень неудобно сохранять закладки. И, на мой взгляд, этот урезаный скриншот сохраняемой страницы абсолютно бессмыленный и бесполезный. Подскажите, пожалуйста, можно ли как-то отключить его показ?

Asked by jul_mir 1 unyaka odlule

Answered by cor-el 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

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… (funda kabanzi)

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 unyaka odlule

Answered by cor-el 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

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… (funda kabanzi)

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 unyaka odlule

Answered by packern 1 unyaka odlule

  • 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 1 unyaka odlule

Answered by cor-el 1 unyaka odlule

  • 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 1 unyaka odlule

Answered by Joebt 1 unyaka odlule

  • Kusonjululiwe
  • Okugcinwe kunqolobane

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… (funda kabanzi)

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 iminyaka edlule

Answered by Scott 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 1 unyaka odlule

Answered by Leafsdude 1 unyaka odlule

  • 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 1 unyaka odlule

Answered by TyDraniu 1 unyaka odlule