CSS Code to remove "recommanded" box from themes menu?
Hello,
What is the CSS code to remove the "Recommended" box from the themes menu inside the cuztomize preferences?
Please see attached image for reference.
Thanks in advance.
Chosen solution
There is no easy way to remove items in the list. The Recommneded label and the footer have an id/ To hide specific items in the list you need to provide their label name or at least the first letters.
#customization-lwtheme-menu-recommended, #customization-lwtheme-menu-footer, .customization-lwtheme-menu-theme[label^="<label name>"]{ display:none!important; }
https://dxr.mozilla.org/mozilla-release/source/browser/components/customizableui/CustomizeMode.jsm https://dxr.mozilla.org/mozilla-release/source/browser/components/customizableui/content/customizeMode.inc.xul
Read this answer in context 👍 0All Replies (9)
Is this about the Recommendations tab on the about:addons page?
You can create a new Boolean pref on the about:config page and set its value to false.
- extensions.getAddons.showPane = false
You can open the about:config page via the location/address bar. You can accept the warning and click "I accept the risk!" to continue.
cor-el said
Is this about the Recommendations tab on the about:addons page? You can create a new Boolean pref on the about:config page and set its value to false.You can open the about:config page via the location/address bar. You can accept the warning and click "I accept the risk!" to continue.
- extensions.getAddons.showPane = false
No, that's not the one. As the image shows:
Hamburger menu -> customize -> themes button (bottom left corner)
There's a box labelled "Recommanded" that I would like to remove.
Normally there is a list of 3-4 themes under it but I have already removed the list since it's just a simple hot link in the "about:config" menu.
Chosen Solution
There is no easy way to remove items in the list. The Recommneded label and the footer have an id/ To hide specific items in the list you need to provide their label name or at least the first letters.
#customization-lwtheme-menu-recommended, #customization-lwtheme-menu-footer, .customization-lwtheme-menu-theme[label^="<label name>"]{ display:none!important; }
https://dxr.mozilla.org/mozilla-release/source/browser/components/customizableui/CustomizeMode.jsm https://dxr.mozilla.org/mozilla-release/source/browser/components/customizableui/content/customizeMode.inc.xul
Modified
Avengement said
Normally there is a list of 3-4 themes under it but I have already removed the list since it's just a simple hot link in the "about:config" menu.
Hello Avengement,
I don't know what "simple hot link" you are referring to, but it should be these :
extensions.htmlaboutaddons.discover.enabled and extensions.htmlaboutaddons.recommendations.enabled
(and of course set both values to false)
Not only will that remove the "Recommended" from "about:addons", but you won't see it on the Customize page anymore either.
McCoy said
Avengement saidNormally there is a list of 3-4 themes under it but I have already removed the list since it's just a simple hot link in the "about:config" menu.Hello Avengement,
I don't know what "simple hot link" you are referring to, but it should be these :
extensions.htmlaboutaddons.discover.enabled and extensions.htmlaboutaddons.recommendations.enabled
(and of course set both values to false)
Not only will that remove the "Recommended" from "about:addons", but you won't see it on the Customize page anymore either.
Both of those booleans do not exist but when I manually added them with the false flag there was no change regarding what I was looking for.
Regarding the list of recommended themes they are easily removed once the following is cleared:
lightweightThemes.recommendedThemes,
However that still leaves the "Recommended" text box that I was trying to get rid of.
Modified
cor-el said
There is no easy way to remove items in the list. The Recommneded label and the footer have an id/ To hide specific items in the list you need to provide their label name or at least the first letters.#customization-lwtheme-menu-recommended, #customization-lwtheme-menu-footer, .customization-lwtheme-menu-theme[label^="<label name>"]{ display:none!important; }
https://dxr.mozilla.org/mozilla-release/source/browser/components/customizableui/CustomizeMode.jsm https://dxr.mozilla.org/mozilla-release/source/browser/components/customizableui/content/customizeMode.inc.xul
The top line solved the problem.
Thanks again cor-el.
Avengement said
Both of those booleans do not exist but when I manually added them with the false flag there was no change regarding what I was looking for.
That's because you're using Firefox version 67.0 - any particular reason why you haven't updated ?
Note that this thread is about the Customize palette window and not about the about:addons page.
cor-el said
Note that this thread is about the Customize palette window and not about the about:addons page.
Noted. Like I said in my first post : changing those two prefs will also remove the "Recommended" from the Customize palette. But only with Firefox 68+ ....