[!] GENERAL discussion, feedback, questions belong here! (v9)

[Aris-t2]

Make sure you have updated your configuration to the most recent version of this projects files and are using the latest version of the "options" required by your Firefox version >before< reporting problems!

Continued from https://github.com/Aris-t2/CustomCSSforFx/issues/3, https://github.com/Aris-t2/CustomCSSforFx/issues/41, https://github.com/Aris-t2/CustomCSSforFx/issues/88, https://github.com/Aris-t2/CustomCSSforFx/issues/109, https://github.com/Aris-t2/CustomCSSforFx/issues/133, https://github.com/Aris-t2/CustomCSSforFx/issues/163, https://github.com/Aris-t2/CustomCSSforFx/issues/189 and https://github.com/Aris-t2/CustomCSSforFx/issues/211.

Instead of opening new "issues" for general talk we can use this area for discussions, feedback and questions. Open new "issues" for real bugs and problems.

Custom JS scripts to restore more classic features https://github.com/Aris-t2/CustomJSforFx

Things this project will not target/recreate

• a CTR like plugin/application to generate ready-to-use CSS
• curved tabs (thanks those are finally gone!)
• old complete themes

Things not possible with CSS

• more toolbars like add-on/status bar (CSS can not create new toolbars)
  • displaying full sized status popup below window content is possible
  • bookmarks toolbar at windows bottom is possible (simulated addon-bar)
• new buttons (CSS can not create new buttons)
• additional menuitems (CSS can not create new items)
• custom/new/different functions for buttons/menuitems/menus
• activity indicator (see 'custom JS scripts')
• preference/options window
• additional location bar
• favicon in location bars identity box (see 'custom JS scripts')
• moving menubar items to a different toolbar
• restart button (see 'custom JS scripts')
• ... many more

[Speravir]

Independent of your OS theme you can manually simulate popup colors (e.g. from your screenshot) using code like this:

Oh, thank you! I did not expect that this has to be that many entries. So, what I suspected was right: My attempts failed due to less specificity. BTW facepalm of myself for not thinking of linear-gradient.

Alas. now there is a glitch in the panelUI-menu (add: see edit below): Everything there is now slightly too wide on the left beginning with the symbols, so that the actual menu text starts exactly on the color border. I tried by making the blueish part (bar for icons) more narrow (less pixels for the linear gradient), but this does not seem to work. (Or I would have to reduce it by more pixels?)
Edit: Looking on my screenshot above the icons in the PanelUI-menu are already there too wide on the left, all hard on the edge. Edit 2: Oh, apparently the sidebar panel menu is not thought for this change with a bar on the left. I will have to adjust, and I fear there will be more.

[Speravir]

@nollinvoyd

I was never aware of this Whats New button. I googled it, after which found it in the 3-bar menu

Is that what the CustomCSSforFx entry is referring to? I ask because I have never seen this button on the toolbar, and the CustomCSSforFx entry doesn't remove it from the 3-bar menu

No, it’s not the menu entry, but a button left of the Panel button (Hamburger/3-bar) that was until now only visible after update to version 70, until someone clicked on it. I assume it would be made visible again, when a new message would be added.

[Aris-t2]

@Speravir

You can adjust gradients pixel values from my example to change the size of the colors used by the gradient.

---

A more detailed explanation in case someone is interested in how this works : background-image: linear-gradient(to right, #e3ebf6, #ccd3dd 20px, #ffffff 21px) !important;

• to right - gradient direction - left to right
• #e3ebf6 - first color value - starts a the edge
• #ccd3dd 20px - second color value - 20px space between edge and start position (this simulates a 1px border between 1st and 3rd color, because the third color start 1px after the second one)
• #ffffff 21px - third color value - 21px space between edge and start position (this color is kept all the way the other edge)

If no pixel values are set, every color of the three colors in this example would cover a third of the whole width.

---

@Speravir

Test this on Win 7 instead of the other code snippets:

.panel-arrowbox {
  display: none !important;
}

arrowscrollbox.in-bookmarks-menu,
panelview {
  -moz-appearance: menupopup !important;
}

arrowscrollbox.in-bookmarks-menu,
.panel-arrowcontent {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/**/

.subview-subheader,
panelview .toolbarbutton-1,
.subviewbutton,
.widget-overflow-list .toolbarbutton-1 {
  min-height: 24px !important;
  padding: 3px 6px !important;
}

#widget-overflow-mainView > .panel-subview-body > toolbarseparator,
.PanelUI-subView menuseparator,
.PanelUI-subView toolbarseparator,
.cui-widget-panelview menuseparator,
.cui-widget-panel toolbarseparator {
  margin: 0px !important;
  margin-inline-start: 30px !important;
}

.panel-subview-body {
  padding: 0px !important;
}

#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-avatar {
  margin-inline-start: 0px !important;
}
#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label {
  margin-inline-start: -24px !important;
  padding-inline-start: 24px !important;
}
panelmultiview .toolbaritem-combined-buttons > spacer.before-label {
  width: 30px !important;
}

[Speravir]

Test this on Win 7 instead of the other code snippets:

A great (umm, GREAT) THANK YOU!!!11 Yes, it's better to have it this way. The other code unfortunately caused too much messy menus in Win7,a s I noticed today. I just had started a test profile for searching after which menu is changed in Firefox and is untouched, but luckily noticed your posting.

A more detailed explanation in case someone is interested in how this works :

Thanks, as well, but in theory I did know this (well, I noticed your “someone”). I just did not think of it (especially that hard stops are possible, too, with linear-background).

[Aris-t2]

@Speravir I did not mean you by "someone", I know you know the stuff. Just wanted to point out, if others are interested in creating gradients there.

[nollinvoyd]

Firefox 70.01, CustomCSSforFx 2.8.1

I use the "Undo Closed Tabs" addon.

https://addons.mozilla.org/en-US/firefox/addon/undoclosetabbutton/?src=search

This is what it looks like on the nav bar

When I move it to the menubar, it takes a position, but is invisible

With a mouse hover, it re-appears, but faded

I used a fresh profile, and disabled my_userchrome.css to test, so no extra code is affecting this. It displays normally when CustomCSSforFx is disabled.

[Aris-t2]

@nollinvoyd

The add-on uses a light icon when moved to menubar. You have to look for the dark one inside add-ons CSS code and force it for menubar too.

[nollinvoyd]

@Aris-t2 The add-on uses a light icon when moved to menubar. You have to look for the dark one inside add-ons CSS code and force it for menubar too.

I believe the dark icon is undoclosetab.svg. The other is undoclosetab-light.svg.

The only place I find any reference to both is one is in manifest.json

` "browser_action": { "browser_style": true, "default_icon": "icons/undoclosetab.svg", "theme_icons": [{ "dark": "icons/undoclosetab.svg", "light": "icons/undoclosetab-light.svg", "size": 19 }] },

So my best "guess" was

` "browser_action": { "browser_style": true, "default_icon": "icons/undoclosetab.svg", "theme_icons": [{ "dark": "icons/undoclosetab.svg", "light": "icons/undoclosetab.svg", "size": 19 }] },

But it didn't work.

[Aris-t2]

To find CSS you have to look into CSS files or to use developer tools. The above is form add-ons manifest file.

This is what the add-on uses by default.

#_4853d046-c5a3-436b-bc36-220fd935ee1d_-browser-action {
--webextension-menupanel-image: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-menupanel-image-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab-light.svg");
--webextension-menupanel-image-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-menupanel-image-2x: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-menupanel-image-2x-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab-light.svg");
--webextension-menupanel-image-2x-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-toolbar-image: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-toolbar-image-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab-light.svg");
--webextension-toolbar-image-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-toolbar-image-2x: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-toolbar-image-2x-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab-light.svg");
--webextension-toolbar-image-2x-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
}

[Speravir]

Aris, just in case you consider in adding your rules from above. I had to change them slightly. In one rule I had to change the margin:

#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-avatar {
    margin-inline-start: 6px !important; /* edit */
}

This is adjusted to the padding for the other items.

And I had to add a rule:

.panel-header > .subviewbutton-back {
    padding-inline-start: 0 !important;
}

BTW I ended up in using both styles from above, but without the linaer-gradient. I noticed something where I am not sure, whether this is caused by my background-color change:

• The sidebar panel menu has the same bg color like the sidebar tree itself, but no frame (the other menus have a frame). I added one myself (of course, I first applied it to the wrong class …).
• There is a check mark for the active submenu, but this goes away on hovering (this seems to be the Firefox default …), and with my change I see a slightly darker square instead. Also, the hovering background is different from the other menus (but here are more inconsistencies when using your Aero style).

Also: I have a question related to the closed issue #244. I use another style for years, which adds colors to the urlbar depending on the state (not the identity box). May I ask there despite it is closed?

[nollinvoyd]

@Aris-t2

To find CSS you have to look into CSS files or to use developer tools. The above is form add-ons manifest file.

This is what the add-on uses by default.

#_4853d046-c5a3-436b-bc36-220fd935ee1d_-browser-action {
--webextension-menupanel-image: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-menupanel-image-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab-light.svg");
--webextension-menupanel-image-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-menupanel-image-2x: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-menupanel-image-2x-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab-light.svg");
--webextension-menupanel-image-2x-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-toolbar-image: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-toolbar-image-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab-light.svg");
--webextension-toolbar-image-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-toolbar-image-2x: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-toolbar-image-2x-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab-light.svg");
--webextension-toolbar-image-2x-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
}

I don't know where to look. I thought it was in the Undo Closed tab .xpi, but I find no .css files there. I don't know what you mean by developer tools (text editors??). I don't mind doing the work if I can. I used 7 zip to open the .xpi and alter the file I referred to, which didn't work, but this is over my head right now.

[Aris-t2]

@Speravir Could you post a screenshot that shows where margin-inline-start: 6px !important; is necessary? I reopened #244, you can add your question there.

@nollinvoyd I already posted the code, you only have to remove the "-light" and add an !important; to the corresponding line.

[kanade96]

Hey Aris, I've applied the workaround setting for back/foward button issue and it still looks glitchy/incomplete as opposed when it was working properly before:

[Aris-t2]

Looks like this for me, but you are right there is room for improvement.

[Speravir]

Could you post a screenshot that shows where is necessary?

It’s again for #appMenu-fxa-avatar. You added something into buttons/button_popup_panel_compact.css, and this worked until I applied your suggestions above. You introduced (or changed only?) a horizontal padding of 6px for menu items, afterwards it looked like this:

Now I added the 6px as left margin and it’s fine: I first had tried to add padding-inline-start: 6px !important;, but this dod not work.

(BTW: The changed background color looks different here than it appears for me in the menus – relativity of colours.)

I reopened #244, you can add your question there.

Thanks.

[Aris-t2]

Maybe there was a different "signedin" state during my tests. The padding change was necessary on my end to put that item in line, but I'm not sure, if there is a difference between the result on Fx 70 and 72. I have to look into it.

[kanade96]

@Aris-t2 May I ask which button settings you're using?

[Aris-t2]

@Speravir

I ran tests on Fx 70, 71 and 72 and menuitem was always aligned properly with and without button_popup_panel_compact.css.

@kanade96 On my screenshot I use Fx70 with these two:

custom_backforward_connected_to_location_bar.css
custom_backforward_connected_to_location_bar_fx70_extra.css

Looks the same on Fx 71 and 72 when using:

custom_backforward_connected_to_location_bar.css
custom_backforward_connected_to_location_bar_fx71_extra.css

[Speravir]

I ran tests on Fx 70, 71 and 72 and menuitem was always aligned properly with and without button_popup_panel_compact.css.

Oh, this strange … Well, I leave it for me. but I have to remember for potential future issues. Thank you, once more, nonetheless.

[Aris-t2]

The are many cases (signed in/out, avatar present/absent) and maybe more, so I might have missed something.

[glennpc]

Just a minor thing found with Firefox 71. I'm using the locationbar_border_roundness.css and it looks good on Firefox 70 but on Firefox 71, the icons overlap on the location bar. I'm using the latest custom_css_for_fx_v2.8.4.

Firefox 70:

Firefox 71:

[Aris-t2]

@glennpc This will be fixed on next update. #urlbar-input-container had to be added to the style.

#urlbar,#urlbar-input-container,
#searchbar, .searchbar-textbox {
  border-radius: 20px !important;
}

[nollinvoyd]

@Aris-t2

@nollinvoyd I already posted the code, you only have to remove the "-light" and add an !important; to the corresponding line.

I thought you were instructing me to edit the .xpi

Here's what I put in my_userchrome.css. Please tell me where I went wrong

#_4853d046-c5a3-436b-bc36-220fd935ee1d_-browser-action {
--webextension-menupanel-image: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-menupanel-image-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg" !important;); 
--webextension-menupanel-image-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-menupanel-image-2x: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-menupanel-image-2x-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg"  !important;); 
--webextension-menupanel-image-2x-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-toolbar-image: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg"); !important;
--webextension-toolbar-image-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg"  !important;);
--webextension-toolbar-image-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-toolbar-image-2x: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg");
--webextension-toolbar-image-2x-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg"  !important;); 
--webextension-toolbar-image-2x-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg"); 
}

[nollinvoyd]

Can I have this but with "Manage Your Extensions" and "enabled" removed?

[paravz]

I'd like to reduce the width of the "urlbar" to allow more bookmark folders on the left of urlbar to be visible. Ie on the pic below bookmark folders are hidden under >> which requres an extra click:

Any suggestions how to do this, perhaps something like browser.tabs.tabMinWidth for urlbar ?

PS: thanks again for this repo, happily using tabs_below_navigation_toolbar_fx68!

[Aris-t2]

@nollinvoyd

You really should use a text editor with code highlight features. Obviously ...undoclosetab.svg" !important;); looks faulty.

#_4853d046-c5a3-436b-bc36-220fd935ee1d_-browser-action {
--webextension-menupanel-image: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
--webextension-menupanel-image-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
--webextension-menupanel-image-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
--webextension-menupanel-image-2x: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
--webextension-menupanel-image-2x-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
--webextension-menupanel-image-2x-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
--webextension-toolbar-image: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
--webextension-toolbar-image-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
--webextension-toolbar-image-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
--webextension-toolbar-image-2x: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
--webextension-toolbar-image-2x-light: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
--webextension-toolbar-image-2x-dark: url("moz-extension://911d23e3-9f9b-4820-b1df-1387f2ed3672/icons/undoclosetab.svg") !important;
}

Can I have this but with "Manage Your Extensions" and "enabled" removed?

Use developer tools to find ids/classes of items you need gone. In this case it already is enough to right-click on the item and select "Inspect Element".

.header-name,
.list-section-heading {
  display: none !important;
}

@paravz

#urlbar-container {
  min-width: 200px !important;
  width: 200px !important;
  max-width: 200px !important;
}

[nollinvoyd]

@Aris-t2

You really should use a text editor with code highlight features. Obviously ...undoclosetab.svg" !important;); looks faulty.

It was the Firefox "default" theme. I changed to the "light " theme, and now it displays properly.

In general, in relation to using CustomCSSforFx, do you recommend a particular theme?

[Aris-t2]

CustomCSSforFx was made for the default theme, but tries to support default dark and light lw-themes as much as possible. I can not make any theme recommendations.

[Mikofox]

hi, prepping to go from FF63 to FF70. Almost there with customizing, but can't figure out how to get the Tool/URL Bars combined into the Title Bar as I had it in FF63. Help appreciated!

[krystian3w]

Maybe Mozilla / Apple someting changed with titlebar.

[Aris-t2]

@Mikofox

I think you previously used browsers titlebar instead of the OS titlebar. -> Customizing mode > Titlebar button/switch

You most like also used something like what "tabs_below_navigation_toolbar_higher_navbar_positon" would offer now.

[Mikofox]

Thanks for your help!

@Mikofox

I think you previously used browsers titlebar instead of the OS titlebar. -> Customizing mode > Titlebar button/switch

Titlebar button in both FF not checked.

You most like also used something like what "tabs_below_navigation_toolbar_higher_navbar_positon" would offer now.

No, did not use in FF63. If I do now in v2.8.5, it looks like this:

Ok, I got rid of that remaining thin Titlebar? line. Now if I can get those "traffic lights" centered and a left buffer on my Bookmarksbar, I'll be satisfied. The folder icons on the Bookmarksbar are gone now and I slimmed both Tab & Bookmarksbar down.

[Aris-t2]

Caption buttons repositioning (try code like this):

#main-window[tabsintitlebar]:not([sizemode="fullscreen"]):not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container  {
  top: 10px !important;
  margin-top: 10px !important;
  left: 0 !important;
}

Bookmarks toolbar - left padding:

#navigator-toolbox #PersonalToolbar {
 padding-left: 10px !important; /* or -moz-padding-start or paddin-inline-start */
}

[Mikofox]

Again, thank you for your time! The first code re Caption buttons worked well. The Bookmarks toolbar won't budge for now, but I can live with that.

[Pizzapops]

@Aris-t2 Yesterday's Nightly 72 update broke my top findbar. I can make it usable but then it no longer floats over the page. It displays full page width. More Moz Dev tinkering?

[Aris-t2]

@Pizzapops

:-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) {
  z-index: 10000 !important;
}

[krystian3w]

or

z-index: 2147483647 !important;

If any site use very high z-index.

[Jgr9]

The last couple Nightlies have had screwed up alignments of Tab contents (at least with tabs below the URL?). Names below the icon, Close Tab button X directly at the end of the name, sometimes pushed out the end of tabs with long names and unreachable.

Is that the case with the current version of this?

[Aris-t2]

@Jgr9

Test this

#TabsToolbar {
  min-height: 0 !important;
  height: var(--tab-min-height_tnot) !important;
  max-height: unset !important;
}

or this

#TabsToolbar {
  bottom: -3px !important;
}

--> https://github.com/Aris-t2/CustomCSSforFx/issues/249

[Crybal]

I am using ff 68.2.0 esr and I have activated tabs_multiple_lines_fx66.css.This broke the close-button dimensions to this .how can I make it right?

[Aris-t2]

Test default config where the only additional change is enabling these two settings: tabs_multiple_lines_fx66.css and close_icon_red.css.

[Crybal]

I made a new profile since I use this one since ff57 and it looks OK.However I customized ff alot a loooooong time ago, I forgot where to find some setting.I look for enlarging the tools buttons on navigation bar and bookmarks bar (I also put some buttons there) and I cannot find the settings.

[krystian3w]

App button in titlebar - label and icons are broken with Firefox 70. Icon is under text or behind of text; And new Firefox logo is stretched.

Windows 7. Classic Theme, DPI 120 (125%).

[Aris-t2]

Screenshot?

[krystian3w]

[Aris-t2]

The must be a conflict with some other code on your end. Nothing like this happened during my tests.

125% Win7/10 + Fx70

appbutton_in_titlebar_label_and_icon.css or appbutton_in_titlebar_label_and_icon_browser_logo.css

[krystian3w]

Sync in appmenu also have new ID: (#252)

---

https://github.com/Aris-t2/CustomCSSforFx#how-to-find-item-ids-and-attributes - Firefox 71 IMO tried merge into one two options:

Enable browser chrome and add-on debugging toolboxes Enable remote debugging

[Jagick]

After updating to the newest version I discovered my old orange "Firefox" button is missing. Has that been removed? Attempting to install the last release of NoiaButtons breaks the UI entirely.

[Aris-t2]

@Jagick Are you using the latest files of this project. Do you meant Firefox 71 by "latest" version? If yes, look into the code, there are a few workaround to restore the "appbutton on titlebar".

What exactly breaks when you setup NoiaButtons, post screenshots etc..

[Jagick]

@Aris-t2 Sorry, I should have been more specific. I am using Firefox 70.0.1. I downloaded the latest release available for CustomCSSforFX as of the time of writing that post (it was 2.7.1 I believe?) and simply dragged, dropped, and overwrote currently existing files and folders. The older release I was using was from around February or so and I retained the orange Firefox app button in the title bar. After updating to the newer version it is gone. See the picture below for what I mean. I have also just updated to the newer 2.8.8 release and the orange "Firefox" button is still missing.

As for the stuff about NoiaButtons, please disregard it. I attempted to install that directly ontop of CustomCSS by drag and dropping and it seems to have nothing to do with the missing Appbutton. I have not adjusted my configuration at all either. From the first time I installed one of these releases to each time I update it, I simply drag and drop the files into the necessary folder without any additional tweaks.