Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

CSS Code to remove "recommanded" box from themes menu?

  • 9 پاسخ
  • 1 has this problem
  • 2 views
  • آخرین پاسخ توسّط McCoy

more options

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.

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 👍 0

All Replies (9)

more options

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.

more options

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.
  • 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.

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.

more options

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 by cor-el

more options

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.

more options

McCoy said

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.

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 by Avengement

more options

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.

more options

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 ?

more options

Note that this thread is about the Customize palette window and not about the about:addons page.

more options

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+ ....