X
Tap here to go to the mobile version of the site.

ஆதரவு மன்றம்

How to remove/hide extension bar(not icon) from toolbar?

  • 4 replies
  • 1 இந்த பிரச்சனை உள்ளது
  • Last reply by Mystic
பதிவிடப்பட்டது

I have FVD Speed Dial extension installed, and this is why this bar appears(only on this page ofc). It's just information about this page loaded by an extension, but it simply drives me nuts. I think the image explains more.

I have FVD Speed Dial extension installed, and this is why this bar appears(only on this page ofc). It's just information about this page loaded by an extension, but it simply drives me nuts. I think the image explains more.
Attached screenshots

தீர்வு தேர்ந்தெடுக்கப்பட்டது

You can hide that part of the address bar -- part of the site identity area -- using a custom style rule in a userChrome.css file. It's a little bit of a project, so make sure you set aside 10 quiet minutes to work through it.

(For anyone who already has a userChrome.css file set up, you just need to add the rule under (A) to your file.)

(A) Select and copy the following style rule code

/* Hide Extension Name Unless Site Identity Area is Hovered */
#identity-box.extensionPage:not(:hover) #identity-icon-labels {
  display: none !important;
}
#identity-box.extensionPage:hover #identity-icon-labels {
  max-width: 300px !important;
}

(B) Generate and download a userChrome.css file

Open the following page and paste the above rules into the editor, replacing the sample rule:

https://www.userchrome.org/download-userchrome-css.html

Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot)

Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot)

Minimize that file browser window for later reference.

(C) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(D) Move the userChrome.css file you generated in Step B into the chrome folder you created in Step C

(E) Set Firefox to look for userChrome.css at startup -- see step #6 in the above article.

The next time you exit Firefox and start it up again, it should discover that file and apply the rules.

Success?

Read this answer in context 1
மேற்கோள்

Additional System Details

பயன்பாடு

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.0

கூடுதல் தகவல்

arreolapumas07071 0 தீர்வுகள் 1 பதில்கள்
பதிவிடப்பட்டது

How I can fix it

How I can fix it
இது உங்களுக்கு பயனுள்ளதாக இருந்ததா?
மேற்கோள்
jscher2000
  • Top 10 Contributor
8960 தீர்வுகள் 73425 பதில்கள்
பதிவிடப்பட்டது

தீர்வு தேர்ந்தெடுக்கப்பட்டது

You can hide that part of the address bar -- part of the site identity area -- using a custom style rule in a userChrome.css file. It's a little bit of a project, so make sure you set aside 10 quiet minutes to work through it.

(For anyone who already has a userChrome.css file set up, you just need to add the rule under (A) to your file.)

(A) Select and copy the following style rule code

/* Hide Extension Name Unless Site Identity Area is Hovered */
#identity-box.extensionPage:not(:hover) #identity-icon-labels {
  display: none !important;
}
#identity-box.extensionPage:hover #identity-icon-labels {
  max-width: 300px !important;
}

(B) Generate and download a userChrome.css file

Open the following page and paste the above rules into the editor, replacing the sample rule:

https://www.userchrome.org/download-userchrome-css.html

Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot)

Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot)

Minimize that file browser window for later reference.

(C) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(D) Move the userChrome.css file you generated in Step B into the chrome folder you created in Step C

(E) Set Firefox to look for userChrome.css at startup -- see step #6 in the above article.

The next time you exit Firefox and start it up again, it should discover that file and apply the rules.

Success?

You can hide that part of the address bar -- part of the site identity area -- using a custom style rule in a userChrome.css file. It's a little bit of a project, so make sure you set aside 10 quiet minutes to work through it. (For anyone who already has a userChrome.css file set up, you just need to add the rule under (A) to your file.) '''(A) Select and copy the following style rule code''' <pre>/* Hide Extension Name Unless Site Identity Area is Hovered */ #identity-box.extensionPage:not(:hover) #identity-icon-labels { display: none !important; } #identity-box.extensionPage:hover #identity-icon-labels { max-width: 300px !important; } </pre> '''(B) Generate and download a''' <code>userChrome.css</code> '''file''' Open the following page and paste the above rules into the editor, replacing the sample rule: https://www.userchrome.org/download-userchrome-css.html Then click "Generate CSS File" and save the userChrome.css file to your computer. (See first attached screenshot) Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See second attached screenshot) Minimize that file browser window for later reference. '''(C) Create a new''' <code>chrome</code> '''folder in your profile folder''' The following article has the detailed steps for that (#1, #2, and I recommend #3) https://www.userchrome.org/how-create-userchrome-css.html ''I have videos for both Windows and Mac in case the text is not clear.'' '''(D) Move the''' <code>userChrome.css</code> '''file you generated in Step B into the''' <code>chrome</code> '''folder you created in Step C''' '''(E) Set Firefox to look for userChrome.css at startup''' -- see step #6 in the above article. The next time you exit Firefox and start it up again, it should discover that file and apply the rules. Success?
இது உங்களுக்கு பயனுள்ளதாக இருந்ததா? 1
மேற்கோள்
cor-el
  • Top 10 Contributor
  • Moderator
17868 தீர்வுகள் 161689 பதில்கள்
பதிவிடப்பட்டது

உதவிகரமான பதில்

See also: *https://dxr.mozilla.org/mozilla-release/source/browser/themes/shared/identity-block/identity-block.inc.css
இது உங்களுக்கு பயனுள்ளதாக இருந்ததா? 1
மேற்கோள்
பதிவிடப்பட்டது

கேள்வியின் உரிமையாளர்

Thank you very much for quick and professional response. That solved the problem.

Thank you very much for quick and professional response. That solved the problem.
இது உங்களுக்கு பயனுள்ளதாக இருந்ததா?
மேற்கோள்
கேள்வி எழுப்பு

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.