Showing questions tagged: Show all questions
  • Solved
  • Archived

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

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

Answered by cor-el 1 year ago

  • Solved
  • Archived

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

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

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

Asked by jul_mir 1 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

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

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

Answered by jscher2000 1 year ago

  • Solved
  • Archived

How do you stop console commands from processing the same script after you are done? (it keeps going on in other tabs, days later, oops)

How do you stop console commands from processing the same script after you are done? (it keeps going on in other tabs, days later, oops) Used a command line argument from… (read more)

How do you stop console commands from processing the same script after you are done? (it keeps going on in other tabs, days later, oops)

Used a command line argument from https://gist.github.com/CarletonStube.../0c838a6248772c6fea1339ddad503cce for Discord browser service to do something they don't provide.

https://gist.github.com/CarletonStuberg/0c838a6248772c6fea1339ddad503cce#gistcomment-2775415 ran this command, works fine. Issue: it is still running. Non-localised to actual window open. Possibly due to me re-entering it multiple times, it now seems to be stuck on.

Is there a script that I can run, or a console command to stop user inputted Console commands?

Asked by Sirenwatcher 1 year ago

Answered by jscher2000 1 year ago

  • Solved
  • Archived

customization of the Print Preview page possible the CSS of the page

FF 60.1.0 running on Ubuntu 14.04 I need to configure, or change, the buttons on the HTML page that appears when you click the Printer Icon. FF is working fine and is … (read more)

FF 60.1.0 running on Ubuntu 14.04 I need to configure, or change, the buttons on the HTML page that appears when you click the Printer Icon. FF is working fine and is highly configured for a specific use and it works fine, no issues. But when the printer page comes up, with "Print", "Print Setup", and so on; there is a need to re-arrange the buttons that appear on the top of the page. Specifically the "Close" button needs to be moved to the far left instead of the far right - see the image which shows the layout of the top row of buttons. Try as I might looking through source code (I did fine printPreview.dtd and printPreview.css and have examined omni.ja) I cannot figure out what the CSS is on the page in the image because I cannot get FF to show me the HTML source for the page. Greatly appreciate any help.

Asked by jpietras 1 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

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

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

Answered by jscher2000 1 year ago

  • Solved
  • Archived

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

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

Answered by cor-el 1 year ago

  • Solved
  • Archived

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

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

Answered by cor-el 1 year ago

  • Solved
  • Archived

How to make the sidebar in Firefox Reader View Mode another (dark) color? Because I made a dark background and browser themes doesn't affect the color panel.

I made a dark background in Firefox Reader View and default browser theme doesn't affect the color panel. Addons Reader View Mode don't have the functionality that I need… (read more)

I made a dark background in Firefox Reader View and default browser theme doesn't affect the color panel. Addons Reader View Mode don't have the functionality that I need.

Asked by dark8_Kitten 1 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

extensions dropdown not working

So basically, my extensions no longer show me anything in the dropdown. See the attached image. - I am currently on firefox 60.6.1-esr (up to date on debian stable). - I … (read more)

So basically, my extensions no longer show me anything in the dropdown. See the attached image.

- I am currently on firefox 60.6.1-esr (up to date on debian stable). - I tested this in a new profile (used the profile manager and create a blank test one. I installed noscript and the dropdown window appeared fine. - I reset my about:config by deleting my user.js and the dropdowns work again, however I lose my 1password login and other customizations I need.

What could be causing these not to render properly?

Asked by calvinhasaproblem 1 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

change new tab button color

I want to change the "+" color on the new tab icon I was able to do this for the close tab "X' icon with the following css code in my userChrome.css file. .tabbrowser-tab… (read more)

I want to change the "+" color on the new tab icon

I was able to do this for the close tab "X' icon with the following css code in my userChrome.css file.

.tabbrowser-tab .close-icon:hover {

  fill: white !important;
  background-color: red !important;
  border-radius: 4px;
}

I think this code should work for the new tab icon, however I don't know the name of the new tab icon.

Please help,

Thank you

Asked by dmdbdd 1 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

How do I hide tab bar scroll buttons in FF 71?

Before FF 71, I had been using this userChrome CSS to hide the scroll buttons: TabsToolbar toolbarbutton[class^="scrollbutton"] { display: none !important; } Now… (read more)

Before FF 71, I had been using this userChrome CSS to hide the scroll buttons:

  1. TabsToolbar toolbarbutton[class^="scrollbutton"] {
   display: none !important;
   }

Now it's stopped working. Does anyone know the new code?

Asked by practik 7 months ago

Answered by TyDraniu 7 months ago

  • Solved
  • Archived

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

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

Answered by jscher2000 1 year 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

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

Why does FF Sync move and unpin my Top sites?

From similar issues w/FF, I can only guess my problems w/losing settings is due to User.js file OR my use of Ublock Origin. Now I turn off Ublock once in a while as I've … (read more)

From similar issues w/FF, I can only guess my problems w/losing settings is due to User.js file OR my use of Ublock Origin. Now I turn off Ublock once in a while as I've learned it may be causing FF to give me the "page not found/server" error page.

Seems to me by using Sync FF should be able to keep Tops sites where they should be and keep them pinned. Make no sense to me.

Anyhow, trying to read the How to fix preferences page but I gotta hang it up and get some sleep.


Thanks for any input. Hopefully the .js solution will work w/o hosing any Add-ons, etc.

Asked by Mac291 12 months ago

Answered by Mac291 11 months ago