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

Support Forum

Remove favicons?

Posted

Is it possible to remove favicons from the Bookmark Tool bar and bookmark pulldown menus? It'd be a much cleaner look. Not entirely sure, but it looks like someone was asking a similar question here: https://support.mozilla.org/en-US/questions/1258765 If by any chance pasting his contact here reaches @jscher2000 perhaps he has some input. https://support.mozilla.org/en-US/user/jscher2000 Thanks!

Is it possible to remove favicons from the Bookmark Tool bar and bookmark pulldown menus? It'd be a much cleaner look. Not entirely sure, but it looks like someone was asking a similar question here: https://support.mozilla.org/en-US/questions/1258765 If by any chance pasting his contact here reaches @jscher2000 perhaps he has some input. https://support.mozilla.org/en-US/user/jscher2000 Thanks!

Chosen solution

You can possibly use code in userChrome.css to rename favicons on the Bookmarks Toolbar. On Mac you may not be able to do this in the Bookmarks menu because on Mac the main menu bar is controlled by the Mac OS.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* hide favicons on Bookmarks Toolbar */
#personal-bookmarks .bookmark-item .toolbarbutton-icon { display:none!important; }

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted. On Mac you can use the TextEdit utility to create the userChrome.css file as a plain text file (make sure it doesn't have RTF code).

You need to close (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file.

Read this answer in context 1
Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

  • Firefox 66.0.5
  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:66.0) Gecko/20100101 Firefox/66.0
  • Support URL: https://support.mozilla.org/1/firefox/66.0.5/Darwin/en-US/

Extensions

  • AdNauseam 3.8.102 (adnauseam@rednoise.org)
  • CanvasBlocker 0.5.8 (CanvasBlocker@kkapsner.de)
  • Cookiebro 2.7.7 ({15b1b2af-e84a-4c70-ac7c-5608b0eeed5a})
  • Copy ShortURL 4.6 (jid0-ODIKJS9b4IT3H1NYlPKr0NDtLuE@jetpack)
  • Disconnect 5.18.27 (2.0@disconnect.me)
  • HTTPS Everywhere 2019.5.13 (https-everywhere@eff.org)
  • Look up dictionary by using Right Click 0.5 ({3a1491de-a5b2-11e7-abc4-cec278b6b50a})
  • Notifier for Gmail™ 0.9.6 (jid0-GjwrPchS3Ugt7xydvqVK4DQk8Ls@jetpack)
  • OneTab 1.25 (extension@one-tab.com)
  • Privacy Badger 2019.2.19 (jid1-MnnxcxisBPnSXQ@jetpack)
  • Remove Cookies Button 1.7.1 ({8a3715dc-7333-46d9-a133-a378fa5625bd})

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription:
  • adapterDeviceID: 0x0a26
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x8086
  • contentUsesTiling: True
  • crashGuards: []
  • driverDate:
  • driverVersion:
  • featureLog: {u'fallbacks': [], u'features': [{u'status': u'available', u'description': u'Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'HW_COMPOSITING'}, {u'status': u'available', u'description': u'OpenGL Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'OPENGL_COMPOSITING'}, {u'status': u'opt-in', u'description': u'WebRender', u'log': [{u'status': u'opt-in', u'message': u'WebRender is an opt-in feature', u'type': u'default'}], u'name': u'WEBRENDER'}, {u'status': u'blocked', u'description': u'WebRender qualified', u'log': [{u'status': u'available', u'type': u'default'}, {u'status': u'blocked', u'message': u'No qualified hardware', u'type': u'env'}], u'name': u'WEBRENDER_QUALIFIED'}, {u'status': u'available', u'description': u'Off Main Thread Painting', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'OMTP'}]}
  • info: {u'TileHeight': 512, u'ApzWheelInput': 1, u'ApzDragInput': 1, u'ApzKeyboardInput': 1, u'ApzAutoscrollInput': 1, u'AzureFallbackCanvasBackend': u'none', u'TileWidth': 512, u'AzureCanvasAccelerated': 0, u'AzureCanvasBackend': u'skia', u'AzureContentBackend': u'skia'}
  • lowEndMachine: False
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • offMainThreadPaintEnabled: True
  • offMainThreadPaintWorkerCount: 3
  • targetFrameRate: 60
  • usesTiling: True
  • webgl1DriverExtensions: GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_framebuffer_multisample_blit_scaled GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier
  • webgl1Extensions: ANGLE_instanced_arrays EXT_blend_minmax EXT_color_buffer_half_float EXT_texture_compression_rgtc EXT_frag_depth EXT_sRGB EXT_shader_texture_lod EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_element_index_uint OES_standard_derivatives OES_texture_float OES_texture_float_linear OES_texture_half_float OES_texture_half_float_linear OES_vertex_array_object WEBGL_color_buffer_float WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_depth_texture WEBGL_draw_buffers WEBGL_lose_context
  • webgl1Renderer: Intel Inc. -- Intel HD Graphics 5000 OpenGL Engine
  • webgl1Version: 4.1 INTEL-10.25.17
  • webgl1WSIInfo: CGL
  • webgl2DriverExtensions: GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_framebuffer_multisample_blit_scaled GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier
  • webgl2Extensions: EXT_color_buffer_float EXT_texture_compression_rgtc EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_texture_float_linear WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_lose_context
  • webgl2Renderer: Intel Inc. -- Intel HD Graphics 5000 OpenGL Engine
  • webgl2Version: 4.1 INTEL-10.25.17
  • webgl2WSIInfo: CGL
  • windowLayerManagerRemote: True
  • windowLayerManagerType: OpenGL
  • windowUsingAdvancedLayers: False

Modified Preferences

Misc

  • User JS: No
  • Accessibility: No
cor-el
  • Top 10 Contributor
  • Moderator
17413 solutions 157295 answers

Chosen Solution

You can possibly use code in userChrome.css to rename favicons on the Bookmarks Toolbar. On Mac you may not be able to do this in the Bookmarks menu because on Mac the main menu bar is controlled by the Mac OS.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* hide favicons on Bookmarks Toolbar */
#personal-bookmarks .bookmark-item .toolbarbutton-icon { display:none!important; }

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted. On Mac you can use the TextEdit utility to create the userChrome.css file as a plain text file (make sure it doesn't have RTF code).

You need to close (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file.

You can possibly use code in userChrome.css to rename favicons on the Bookmarks Toolbar. On Mac you may not be able to do this in the Bookmarks menu because on Mac the main menu bar is controlled by the Mac OS. Add code to the <b>userChrome.css</b> file below the default @namespace line. *http://kb.mozillazine.org/userChrome.css <hr> <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ /* hide favicons on Bookmarks Toolbar */ #personal-bookmarks .bookmark-item .toolbarbutton-icon { display:none!important; } </nowiki></pre> ---- It is not that difficult to create userChrome.css if you have never used it. The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder. *https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name <u>chrome</u> in this folder (name is all lowercase). In the <b>chrome</b> folder you need to create a text file with the name <u>userChrome.css</u> (name is case sensitive). In this userChrome.css text file you paste the text posted. On Mac you can use the TextEdit utility to create the userChrome.css file as a plain text file (make sure it doesn't have RTF code). You need to close (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file.
Was this helpful to you? 1
Quote

Question owner

Excellent. Thank you for that considerately laid out solution. Yes, they're still in the Bookmarks menu, but the Toolbar looks much better. And the creation of the folder and file were quite simple. (Mac Users, you actually have to go one folder deeper than Profiles, btw.) Very much appreciated.

Excellent. Thank you for that considerately laid out solution. Yes, they're still in the Bookmarks menu, but the Toolbar looks much better. And the creation of the folder and file were quite simple. (Mac Users, you actually have to go one folder deeper than Profiles, btw.) Very much appreciated.
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17413 solutions 157295 answers

Profiles is the main folder that stores profiles.ini and possibly installs.in (profile registry) and profile folders with a random name that store the actual profile data.

From what other drop-down menus do you want to remove the favicons as the code posted above will only have effect for the Bookmarks Toolbar (#personal-bookmarks).

Profiles is the main folder that stores profiles.ini and possibly installs.in (profile registry) and profile folders with a random name that store the actual profile data. From what other drop-down menus do you want to remove the favicons as the code posted above will only have effect for the Bookmarks Toolbar (#personal-bookmarks).
Was this helpful to you?
Quote

Question owner

Ah, thanks for clarifying. I have a couple folders in/on the Toolbar. The bookmarks stored in those still have the favicons. They're less visible and thus less bothersome than the ones in the Toolbar, so not really a problem. (If, however, you'd like to offer that code as well, by all means.) If my remarks about Mac Users going one deeper than profiles were confusing, here's what I mean. The following is how I got to where I created the chrome folder and userChrome.css file. Users > [MyVolume] > Library > Application Support > Firefox > Profiles > [one randomly numbered folder holding all the Profiles files]

Ah, thanks for clarifying. I have a couple folders in/on the Toolbar. The bookmarks stored in those still have the favicons. They're less visible and thus less bothersome than the ones in the Toolbar, so not really a problem. (If, however, you'd like to offer that code as well, by all means.) If my remarks about Mac Users going one deeper than profiles were confusing, here's what I mean. The following is how I got to where I created the chrome folder and userChrome.css file. Users > [MyVolume] > Library > Application Support > Firefox > Profiles > [one randomly numbered folder holding all the Profiles files]

Modified by Phin

Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17413 solutions 157295 answers

Helpful Reply

If you aren't seeing any favicons on the Bookmarks Toolbar (i.e. not even the generic globe) then you might be using code in userChrome.css to hide these favicons.

If you aren't seeing any favicons on the Bookmarks Toolbar (i.e. not even the generic globe) then you might be using code in userChrome.css to hide these favicons. *https://www.userchrome.org/what-is-userchrome-css.html
Was this helpful to you? 1
Quote

Question owner

Helpful link. Again, much appreciated.

Helpful link. Again, much appreciated.
Was this helpful to you?
Quote
Ask a question

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