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

Support Forum

Can't get Tabs on bottom

Posted

At one point with this new firefox headache I managed to get my tabs on bottom but I had to do a refresh in order to get into my outlook email cause of a glitch.

Now I can't manage to get my tabs to go under the address bar. I did the whole chrome folder with the userchrome.css thing but I still cant get my tabs to go below my address bar.

Anyone have any idea what is causing this?

Its driving me up the wall not being able to have the browser how I want it.

At one point with this new firefox headache I managed to get my tabs on bottom but I had to do a refresh in order to get into my outlook email cause of a glitch. Now I can't manage to get my tabs to go under the address bar. I did the whole chrome folder with the userchrome.css thing but I still cant get my tabs to go below my address bar. Anyone have any idea what is causing this? Its driving me up the wall not being able to have the browser how I want it.

Chosen solution

Try the code I posted in this thread. It works for me on Linux, but I don't know about other platforms.

Read this answer in context 2
Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

  • Firefox 65.0
  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:65.0) Gecko/20100101 Firefox/65.0
  • Support URL: https://support.mozilla.org/1/firefox/65.0/WINNT/en-US/

Extensions

  • Bitdefender Wallet 21.1.12 (bdwtwe@bitdefender.com) (Inactive)

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription: NVIDIA GeForce GTX 970
  • adapterDescription2:
  • adapterDeviceID: 0x13c2
  • adapterDeviceID2:
  • adapterDrivers: C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_6bc621d9790e90e7\nvldumdx.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_6bc621d9790e90e7\nvldumdx.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_6bc621d9790e90e7\nvldumdx.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_6bc621d9790e90e7\nvldumdx.dll C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_6bc621d9790e90e7\nvldumd.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_6bc621d9790e90e7\nvldumd.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_6bc621d9790e90e7\nvldumd.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_6bc621d9790e90e7\nvldumd.dll
  • adapterDrivers2:
  • adapterRAM: 4096
  • adapterRAM2:
  • adapterSubsysID: 31601462
  • adapterSubsysID2:
  • adapterVendorID: 0x10de
  • adapterVendorID2:
  • contentUsesTiling: False
  • crashGuards: []
  • direct2DEnabled: True
  • directWriteEnabled: True
  • directWriteVersion: 10.0.17134.376
  • driverDate: 11-2-2018
  • driverDate2:
  • driverVersion: 25.21.14.1681
  • driverVersion2:
  • 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'Direct3D11 Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'D3D11_COMPOSITING'}, {u'status': u'available', u'description': u'Direct2D', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'DIRECT2D'}, {u'status': u'available', u'description': u'Direct3D11 hardware ANGLE', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'D3D11_HW_ANGLE'}, {u'status': u'available', u'description': u'GPU Process', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'GPU_PROCESS'}, {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'available', u'description': u'WebRender qualified', u'log': [{u'status': u'available', u'type': u'default'}], 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'}, {u'status': u'available', u'description': u'Advanced Layers', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'ADVANCED_LAYERS'}]}
  • info: {u'AzureContentBackend (UI Process)': u'skia', u'AzureCanvasBackend (UI Process)': u'skia', u'ApzWheelInput': 1, u'ApzDragInput': 1, u'ApzKeyboardInput': 1, u'AzureFallbackCanvasBackend (UI Process)': u'cairo', u'ApzAutoscrollInput': 1, u'AzureCanvasAccelerated': 0, u'AzureCanvasBackend': u'direct2d 1.1', u'AzureContentBackend': u'direct2d 1.1'}
  • isGPU2Active: False
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • offMainThreadPaintEnabled: True
  • offMainThreadPaintWorkerCount: 4
  • usesTiling: False
  • webgl1DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_explicit_context GL_ANGLE_explicit_context_gles1 GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_minmax GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_frag_depth GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_KHR_parallel_shader_compile GL_KHR_robust_buffer_access_behavior GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object OES_compressed_EAC_R11_signed_texture OES_compressed_EAC_R11_unsigned_texture OES_compressed_EAC_RG11_signed_texture OES_compressed_EAC_RG11_unsigned_texture OES_compressed_ETC2_RGB8_texture OES_compressed_ETC2_RGBA8_texture OES_compressed_ETC2_punchthroughA_RGBA8_texture OES_compressed_ETC2_punchthroughA_sRGB8_alpha_texture OES_compressed_ETC2_sRGB8_alpha8_texture OES_compressed_ETC2_sRGB8_texture
  • webgl1Extensions: ANGLE_instanced_arrays EXT_blend_minmax EXT_color_buffer_half_float 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: Google Inc. -- ANGLE (NVIDIA GeForce GTX 970 Direct3D11 vs_5_0 ps_5_0)
  • webgl1Version: OpenGL ES 2.0 (ANGLE 2.1.0.790e8e6b4179)
  • webgl1WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 00000000000110ef) EGL_VERSION: 1.4 (ANGLE 2.1.0.790e8e6b4179) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_ANGLE_direct_composition EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_CHROMIUM_sync_control EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_MOZ_create_context_provoking_vertex_dont_care EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses EGL_KHR_debug EGL_ANGLE_explicit_context
  • webgl2DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_explicit_context GL_ANGLE_explicit_context_gles1 GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_multiview GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_minmax GL_EXT_color_buffer_float GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_frag_depth GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_norm16 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_KHR_parallel_shader_compile GL_KHR_robust_buffer_access_behavior GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_EGL_image_external_essl3 GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object OES_compressed_EAC_R11_signed_texture OES_compressed_EAC_R11_unsigned_texture OES_compressed_EAC_RG11_signed_texture OES_compressed_EAC_RG11_unsigned_texture OES_compressed_ETC2_RGB8_texture OES_compressed_ETC2_RGBA8_texture OES_compressed_ETC2_punchthroughA_RGBA8_texture OES_compressed_ETC2_punchthroughA_sRGB8_alpha_texture OES_compressed_ETC2_sRGB8_alpha8_texture OES_compressed_ETC2_sRGB8_texture
  • webgl2Extensions: EXT_color_buffer_float 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: Google Inc. -- ANGLE (NVIDIA GeForce GTX 970 Direct3D11 vs_5_0 ps_5_0)
  • webgl2Version: OpenGL ES 3.0 (ANGLE 2.1.0.790e8e6b4179)
  • webgl2WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 00000000000110ef) EGL_VERSION: 1.4 (ANGLE 2.1.0.790e8e6b4179) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_ANGLE_direct_composition EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_CHROMIUM_sync_control EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_MOZ_create_context_provoking_vertex_dont_care EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses EGL_KHR_debug EGL_ANGLE_explicit_context
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Direct3D 11
  • windowUsingAdvancedLayers: True

Modified Preferences

Misc

  • User JS: No
  • Accessibility: No
WestEnd
  • Top 25 Contributor
61 solutions 5304 answers

If your using "userChrome.css" you will have to look or ask at the site you got it from to see what happened. And if this was your custom "userChrome.css" you will have to post it or somehow someone is going to have to analyze it to find the problem in the css file.

If your using "userChrome.css" you will have to look or ask at the site you got it from to see what happened. And if this was your custom "userChrome.css" you will have to post it or somehow someone is going to have to analyze it to find the problem in the css file.
Was this helpful to you? 0
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17276 solutions 156148 answers

In Firefox 65 they have moved the main Menu bar and the Tab bar in one #titlebar container. This makes it impossible to use a simple -moz-box-ordinal-group rule to move the Tab bar to the bottom position.

See:

In Firefox 65 they have moved the main Menu bar and the Tab bar in one #titlebar container. This makes it impossible to use a simple -moz-box-ordinal-group rule to move the Tab bar to the bottom position. See: *[/questions/1241659] Tab toolbar should be below bookmarks bar - post quantum fix bricked by version 65 again *https://github.com/Aris-t2/CustomCSSforFx/issues/164
Was this helpful to you?
Quote

Question owner

cor-el said

In Firefox 65 they have moved the main Menu bar and the Tab bar in one #titlebar container. This makes it impossible to use a simple -moz-box-ordinal-group rule to move the Tab bar to the bottom position. See:

I checked both those links. But I'm not too literate when it comes to programing. So I'm having a hard time following their solutions.

''cor-el [[#answer-1192283|said]]'' <blockquote> In Firefox 65 they have moved the main Menu bar and the Tab bar in one #titlebar container. This makes it impossible to use a simple -moz-box-ordinal-group rule to move the Tab bar to the bottom position. See: *[/questions/1241659] Tab toolbar should be below bookmarks bar - post quantum fix bricked by version 65 again *https://github.com/Aris-t2/CustomCSSforFx/issues/164 </blockquote> I checked both those links. But I'm not too literate when it comes to programing. So I'm having a hard time following their solutions.
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17276 solutions 156148 answers

Chosen Solution

Try the code I posted in this thread. It works for me on Linux, but I don't know about other platforms.

Try the code I posted in this thread. It works for me on Linux, but I don't know about other platforms. *[/questions/1248277] Reposition Tabs at bottom, directly above web page in Firefox 65.0?
Was this helpful to you? 2
Quote
Anne's Place 0 solutions 15 answers

Helpful Reply

We have been researching this and fighting this since Firefox, in the "infinite wisdom" decided to, once again move things around. We WANT a solution to putting our TABS on Bottom, a permanent solution.

Firefox is supposed to be a more User Friendly interface, one that we Do Not have to fight with, like you typically have to do with Windows. Please, provide an Easy, or at least Simple solution.

We have been researching this and fighting this since Firefox, in the "infinite wisdom" decided to, once again move things around. We WANT a solution to putting our TABS on Bottom, a permanent solution. Firefox is supposed to be a more User Friendly interface, one that we Do Not have to fight with, like you typically have to do with Windows. Please, provide an Easy, or at least Simple solution.
Was this helpful to you? 2
Quote
suzanne77 0 solutions 12 answers

It's not just putting the tabs on the top in an awkward place, but they are totally square so you cannot tell them apart easily and cannot use certain themes, as the tabs are barely visible. Chrome has them on top, but they are much more visible and rounded.

Have no idea what's up with Mozilla, but they don't seem to mind losing users, or they would not make it more difficult to use the browser. They really should have a big sign in the office that says 'If it isn't broken, don't fix it.'

It's not just putting the tabs on the top in an awkward place, but they are totally square so you cannot tell them apart easily and cannot use certain themes, as the tabs are barely visible. Chrome has them on top, but they are much more visible and rounded. Have no idea what's up with Mozilla, but they don't seem to mind losing users, or they would not make it more difficult to use the browser. They really should have a big sign in the office that says 'If it isn't broken, don't fix it.'
Was this helpful to you? 1
Quote
rreeve2 0 solutions 3 answers

This is really starting to annoy me. Firefox should have tabs below the bookmarks bar directly above the content by default as this is a much better user experience. Tabs at the top is a horrible layout. Every time I update I have to fix this and It is driving me nuts.

TBH, I'm starting to lose faith in Firefox as every update seems to cause me problems and I honestly don't think the browser has got better over time. Firefox used to be simple and straight forward but over the last couple of years its consistantly got more and more complicated and frustrating. I've lost count of the powerful add-ons that made firefox special that no longer work due to the Quantum changes. Think I'm gonna test the brave browser as at least I'll get paid for using it.

This is really starting to annoy me. Firefox should have tabs below the bookmarks bar directly above the content by default as this is a much better user experience. Tabs at the top is a horrible layout. Every time I update I have to fix this and It is driving me nuts. TBH, I'm starting to lose faith in Firefox as every update seems to cause me problems and I honestly don't think the browser has got better over time. Firefox used to be simple and straight forward but over the last couple of years its consistantly got more and more complicated and frustrating. I've lost count of the powerful add-ons that made firefox special that no longer work due to the Quantum changes. Think I'm gonna test the brave browser as at least I'll get paid for using it.
Was this helpful to you? 1
Quote
Anne's Place 0 solutions 15 answers

I have sent in Donations from time to time. I really think my money was wasted now. From a programmers standpoint, why can't they make a little tweak for us, who use their product, recommend their product to others. Why is Firefox going the way Bill Gates did, when he only did things HIS way. We love using Firefox and would gladly donate more money, but let us have the product the way we WANT it.

I have sent in Donations from time to time. I really think my money was wasted now. From a programmers standpoint, why can't they make a little tweak for us, who use their product, recommend their product to others. Why is Firefox going the way Bill Gates did, when he only did things HIS way. We love using Firefox and would gladly donate more money, but let us have the product the way we WANT it.
Was this helpful to you?
Quote
suzanne77 0 solutions 12 answers

montanamoss said

I have sent in Donations from time to time. I really think my money was wasted now. From a programmers standpoint, why can't they make a little tweak for us, who use their product, recommend their product to others. Why is Firefox going the way Bill Gates did, when he only did things HIS way. We love using Firefox and would gladly donate more money, but let us have the product the way we WANT it.

For those of us who have for years been extremely loyal Mozilla adherents, I feel like they are totally ignoring the users. They don't seem to care about user input--just competing for speed. The browsers all seem about the same speed to me anyhow--I did not notice any pick-up in speed from the browser updates that have moved the tabs around.

As a researcher, I have found you can contact anyone if you try hard enough. I have not found any way to contact this organization, though.

''montanamoss [[#answer-1194269|said]]'' <blockquote> I have sent in Donations from time to time. I really think my money was wasted now. From a programmers standpoint, why can't they make a little tweak for us, who use their product, recommend their product to others. Why is Firefox going the way Bill Gates did, when he only did things HIS way. We love using Firefox and would gladly donate more money, but let us have the product the way we WANT it. </blockquote> For those of us who have for years been extremely loyal Mozilla adherents, I feel like they are totally ignoring the users. They don't seem to care about user input--just competing for speed. The browsers all seem about the same speed to me anyhow--I did not notice any pick-up in speed from the browser updates that have moved the tabs around. As a researcher, I have found you can contact anyone if you try hard enough. I have not found any way to contact this organization, though.

Modified by suzanne77

Was this helpful to you?
Quote
Anne's Place 0 solutions 15 answers

Does anyone have any GOOD replacement ideas for Foxfire? Perhaps if they understand that we are willing to change from Firefox, they will get the idea. Personally, I don't want to change, but this is getting ridiculous. Why won't they provide a FIX, a permanent FIX. I like being able to pick add ons that allowed me to tweak of customize Firefox. Or course we can't do that now. The good ones that I used to use are no longer available.

Does anyone have any '''GOOD replacement ideas for Foxfire'''? Perhaps if they understand that we are willing to change from Firefox, they will get the idea. Personally, I don't want to change, but this is getting ridiculous. Why won't they provide a FIX, a permanent FIX. I like being able to pick add ons that allowed me to tweak of customize Firefox. Or course we can't do that now. The good ones that I used to use are no longer available.
Was this helpful to you?
Quote
ausernottaken 0 solutions 4 answers

montanamoss said

We have been researching this and fighting this since Firefox, in the "infinite wisdom" decided to, once again move things around. We WANT a solution to putting our TABS on Bottom, a permanent solution. Firefox is supposed to be a more User Friendly interface, one that we Do Not have to fight with, like you typically have to do with Windows. Please, provide an Easy, or at least Simple solution.

I've been dealing with this for several years now. I'm guessing that it's a minority of people that prefer tabs on the bottom, and so Mozilla does not consider it a priority.

''montanamoss [[#answer-1193578|said]]'' <blockquote> We have been researching this and fighting this since Firefox, in the "infinite wisdom" decided to, once again move things around. We WANT a solution to putting our TABS on Bottom, a permanent solution. Firefox is supposed to be a more User Friendly interface, one that we Do Not have to fight with, like you typically have to do with Windows. Please, provide an Easy, or at least Simple solution. </blockquote> I've been dealing with this for several years now. I'm guessing that it's a minority of people that prefer tabs on the bottom, and so Mozilla does not consider it a priority.
Was this helpful to you?
Quote
ausernottaken 0 solutions 4 answers

I'm posting this in all the threads I can find since all the solutions are leaving out important information, like where to find userChrome.css.

  • Click 'Help' from the menu at the top of Firefox.
  • Click 'Troubleshooting Information'.
  • Look for an option that says 'Open Folder' next to 'Profile Folder'. This will open a new explorer window.
  • There should be a folder there called 'Chrome'.
  • In this folder, you might find userChrome.css. If not, hold down the shift key, right click in the empty space, and select 'Open command window here'. You will get a black window with white text. Type the following command and hit enter:
type nul > userChrome.css
  • Now open the userChrome.css file, paste the following code over anything in there already and save the file:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 33px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
 --tab-min-height: 33px !important; /* needs to be the same as above under :root */
 --tab-min-width: 80px !important;
}

#TabsToolbar {
 height: var(--tab-min-height) !important;
 margin-bottom: 1px !important;
 box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
 background-color: var(--toolbar-bgcolor) !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
 position: fixed !important;
 right: 0 !important;
 top: calc(6px + var(--tab-min-height)) !important;
 display: block !important;
 visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}
I'm posting this in all the threads I can find since all the solutions are leaving out important information, like where to find '''userChrome.css'''. * Click 'Help' from the menu at the top of Firefox. * Click 'Troubleshooting Information'. * Look for an option that says 'Open Folder' next to 'Profile Folder'. This will open a new explorer window. * There should be a folder there called 'Chrome'. * In this folder, you might find userChrome.css. If not, hold down the shift key, right click in the empty space, and select 'Open command window here'. You will get a black window with white text. Type the following command and hit enter: <pre><nowiki></nowiki>type nul > userChrome.css</pre> * Now open the userChrome.css file, paste the following code over anything in there already and save the file: <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ /* TABS: on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; } #tabbrowser-tabs { width: 100vw !important; } #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;} /* TABS: height */ :root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 33px !important; /* adjust to suit your needs */ } :root #tabbrowser-tabs { --tab-min-height: 33px !important; /* needs to be the same as above under :root */ --tab-min-width: 80px !important; } #TabsToolbar { height: var(--tab-min-height) !important; margin-bottom: 1px !important; box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; background-color: var(--toolbar-bgcolor) !important; } #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--tab-min-height) !important; max-height: var(--tab-min-height) !important; } /* drag space */ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] { width: 40px; } /* Override vertical shifts when moving a tab */ #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar { padding-bottom: unset !important; } #navigator-toolbox[movingtab] #tabbrowser-tabs { padding-bottom: unset !important; margin-bottom: unset !important; } #navigator-toolbox[movingtab] > #nav-bar { margin-top: unset !important; } /* hide windows-controls */ #TabsToolbar #window-controls {display:none!important;} /* move caption buttons to right of Tab bar */ #main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { position: fixed !important; right: 0 !important; top: calc(6px + var(--tab-min-height)) !important; display: block !important; visibility: visible !important; } #toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;} </nowiki></pre>
Was this helpful to you? 1
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17276 solutions 156148 answers

Note that the name of the folder where userChrome.css is located is all lowercase 'chrome'.

Note that the name of the folder where userChrome.css is located is all lowercase 'chrome'.
Was this helpful to you? 1
Quote
Anne's Place 0 solutions 15 answers

Thank you for all the assistance. For now, until Firefox is "tinkered" with again, our tabs are where they were MEANT to be, on the bottom.

AM

Thank you for all the assistance. For now, until Firefox is "tinkered" with again, our tabs are where they were MEANT to be, on the bottom. AM
Was this helpful to you?
Quote
suzanne77 0 solutions 12 answers

Has anyone found a complete code that works for Mac IOS? I am now having tabs 'crash' because I'm grabbing them when I try to grab the browser.

I hate this--I've tried it their way--tabs on top and it sucks.

Mozilla appears to be completely oblivious to this issue--and do seem to be working against their loyal consumers. I've been using Chrome more--at least you can tell the tabs apart!

I have it on 3 computers and it syncs. If I downgrade to v64, will this sync to the browsers on the other computers, or do I have to do each one separately?

It is a shame though--I've used Firefox forever.

Has anyone found a complete code that works for Mac IOS? I am now having tabs 'crash' because I'm grabbing them when I try to grab the browser. I hate this--I've tried it their way--tabs on top and it sucks. Mozilla appears to be completely oblivious to this issue--and do seem to be working against their loyal consumers. I've been using Chrome more--at least you can tell the tabs apart! I have it on 3 computers and it syncs. If I downgrade to v64, will this sync to the browsers on the other computers, or do I have to do each one separately? It is a shame though--I've used Firefox forever.

Modified by suzanne77

Was this helpful to you?
Quote
shiftF12ATweb.de 0 solutions 9 answers
/* this is for Multirow Bookmarks % Tabs below Bookmarks / Tabs on bottom **************/
    /* for Firefox 65+ userChrome.css *************/
    /* put userChrome.css to *******/
    /* C:\Users\USER\AppData\Roaming\Mozilla\Firefox\Profiles\xx\chrome\HERE ***************/
    /* put your username for USER and put file HERE **************/
    /* *****************/
    /* if you like this solution you are very very welcome to send 1 EUR to paypal**********/
    /* paypal address is shiftF12@web.de **********/
    /* I will not answer any email to this address *****************************************/
    /* no warranty, use at your own risk *******/
    /* works fine for me, what you do is your risk ******/
    /* **********************/
    /* I collected two scripts from the opensource net and combined them *******************/
    /* I leave nearly 99% untouched, also the following introduction text ******************/
    /* ************************/

     
    /* Firefox 57+ userChrome.css tweaks ****************************************************/
    /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
    /* by Aris (aris-addons@gmx.net)*********************************************************/
    /* Github: https://github.com/aris-t2/customcssforfx ************************************/
    /****************************************************************************************/
     
     
    #personal-bookmarks {
      display: block;
    }
     
    #personal-bookmarks #PlacesToolbar {
      display: block;
      min-height: 0px;
      overflow-x: hidden;
      overflow-y: auto;
      max-height: 999px;
    }
     
    #personal-bookmarks #PlacesToolbar > hbox {
      display: -moz-stack !important;
      left: 0px;
      right: 0px;
      width: 100%;
    }
     
    #personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
      overflow-x: visible;
      overflow-y: visible;
    }
     
    #personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
      display: block;
    }
     
    #personal-bookmarks #PlacesToolbar > .bookmark-item{
      visibility: visible !important;
    }
     
    #personal-bookmarks #PlacesToolbar .chevron{
      display: none;
    }
     
    #personal-bookmarks #PlacesToolbar > hbox > hbox{
      overflow-x: hidden;
      overflow-y: hidden;
    }
     
    #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
    #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
      display: none;
    }
     
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
      padding-top: 2px;
      padding-bottom: 2px;
      /*margin-left: -4px !important;
      padding-right: 9.5px !important;*/
    }
     
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
      padding-top: 2px !important;
      padding-bottom: 2px !important;
      /*-moz-padding-start: 4px;
      -moz-padding-end: 2px;*/
    }
     
    #personal-bookmarks #PlacesToolbar toolbarseparator{
      -moz-appearance: none !important;
      visibility: visible !important;
      display: inline;
      text-shadow: none !important;
      border-left: 3px solid ThreeDShadow !important;
      border-right: 3px solid ThreeDHighlight !important;
      vertical-align: middle;
    }
     
    #personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
      -moz-appearance: toolbarbutton;
    }
     
    #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar):not(#TabsToolbar) { 
      max-height: 999px !important;
    }

    /**********************Tabs below navigation toolbar*******************************/
     
  /* Combined userChrome.css taken from aris-t2's code /*
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


:root {
  --colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa);
  --general_toolbar_color_toolbars: linear-gradient(#f9f9fa,#f9f9fa);
  --general_toolbar_color_navbar: linear-gradient(#f9f9fa,#f9f9fa);
  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);
  --tabs_toolbar_border-tnot_normal_mode_size: 1px;
  --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color);
  --classic_squared_tabs_tab_text_color: black;
  --classic_squared_tabs_new_tab_icon_color: black;
  --classic_squared_tabs_tab_text_shadow: transparent;
  --tab-min-height_tnot: 32px;
}

:root[uidensity=compact]  {
  --tab-min-height_tnot: 28px;
}

:root[uidensity=touch] {
  --tab-min-height_tnot: 40px;
}

/* tabs toolbar adjustment */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#TabsToolbar {
  -moz-padding-start: 2px !important;
}

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#TabsToolbar:-moz-lwtheme,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[sizemode="maximized"] #TabsToolbar,
#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #TabsToolbar {
  -moz-padding-start: 0px !important;
}

#main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #TabsToolbar {
  margin-top: 0px !important;
}

#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar {
  padding-top: 0px !important;
}

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar,
#main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar{
  margin-top: 0px !important;
}

/* tab title in titlebar support */
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{
  margin-top: 0px !important;
}

/* titlebar button support */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar{
  margin-top: 2px !important;
}

/* fix for application/hamburger button in titlebar */
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {
  visibility: collapse !important;
}

#main-window[inDOMFullscreen="true"] #TabsToolbar {
  opacity: 0 !important;
}

/* tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height_tnot) !important;
}

/* toolbar order (start) *********
<pre><nowiki>/* this is for Multirow Bookmarks % Tabs below Bookmarks / Tabs on bottom **************/ /* for Firefox 65+ userChrome.css *************/ /* put userChrome.css to *******/ /* C:\Users\USER\AppData\Roaming\Mozilla\Firefox\Profiles\xx\chrome\HERE ***************/ /* put your username for USER and put file HERE **************/ /* *****************/ /* if you like this solution you are very very welcome to send 1 EUR to paypal**********/ /* paypal address is shiftF12@web.de **********/ /* I will not answer any email to this address *****************************************/ /* no warranty, use at your own risk *******/ /* works fine for me, what you do is your risk ******/ /* **********************/ /* I collected two scripts from the opensource net and combined them *******************/ /* I leave nearly 99% untouched, also the following introduction text ******************/ /* ************************/ /* Firefox 57+ userChrome.css tweaks ****************************************************/ /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/ /* by Aris (aris-addons@gmx.net)*********************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/ #personal-bookmarks { display: block; } #personal-bookmarks #PlacesToolbar { display: block; min-height: 0px; overflow-x: hidden; overflow-y: auto; max-height: 999px; } #personal-bookmarks #PlacesToolbar > hbox { display: -moz-stack !important; left: 0px; right: 0px; width: 100%; } #personal-bookmarks #PlacesToolbar #PlacesToolbarItems { overflow-x: visible; overflow-y: visible; } #personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box { display: block; } #personal-bookmarks #PlacesToolbar > .bookmark-item{ visibility: visible !important; } #personal-bookmarks #PlacesToolbar .chevron{ display: none; } #personal-bookmarks #PlacesToolbar > hbox > hbox{ overflow-x: hidden; overflow-y: hidden; } #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"], #personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{ display: none; } #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{ padding-top: 2px; padding-bottom: 2px; /*margin-left: -4px !important; padding-right: 9.5px !important;*/ } #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]), #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] { padding-top: 2px !important; padding-bottom: 2px !important; /*-moz-padding-start: 4px; -moz-padding-end: 2px;*/ } #personal-bookmarks #PlacesToolbar toolbarseparator{ -moz-appearance: none !important; visibility: visible !important; display: inline; text-shadow: none !important; border-left: 3px solid ThreeDShadow !important; border-right: 3px solid ThreeDHighlight !important; vertical-align: middle; } #personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{ -moz-appearance: toolbarbutton; } #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar):not(#TabsToolbar) { max-height: 999px !important; } /**********************Tabs below navigation toolbar*******************************/ /* Combined userChrome.css taken from aris-t2's code /* /* Firefox Quantum userChrome.css tweaks ************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/ :root { --colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa); --general_toolbar_color_toolbars: linear-gradient(#f9f9fa,#f9f9fa); --general_toolbar_color_navbar: linear-gradient(#f9f9fa,#f9f9fa); --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa); --tabs_toolbar_border-tnot_normal_mode_size: 1px; --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color); --classic_squared_tabs_tab_text_color: black; --classic_squared_tabs_new_tab_icon_color: black; --classic_squared_tabs_tab_text_shadow: transparent; --tab-min-height_tnot: 32px; } :root[uidensity=compact] { --tab-min-height_tnot: 28px; } :root[uidensity=touch] { --tab-min-height_tnot: 40px; } /* tabs toolbar adjustment */ #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #TabsToolbar { -moz-padding-start: 2px !important; } #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, #TabsToolbar:-moz-lwtheme, #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[sizemode="maximized"] #TabsToolbar, #main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #TabsToolbar { -moz-padding-start: 0px !important; } #main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #TabsToolbar { margin-top: 0px !important; } #main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #TabsToolbar, #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar { padding-top: 0px !important; } #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar, #main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar{ margin-top: 0px !important; } /* tab title in titlebar support */ #main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar, #main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{ margin-top: 0px !important; } /* titlebar button support */ #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar{ margin-top: 2px !important; } /* fix for application/hamburger button in titlebar */ #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button { visibility: collapse !important; } #main-window[inDOMFullscreen="true"] #TabsToolbar { opacity: 0 !important; } /* tab height */ #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--tab-min-height_tnot) !important; } /* toolbar order (start) *********</nowiki></pre>

Modified by cor-el

Was this helpful to you?
Quote
DESKTOPHP 0 solutions 2 answers

Using a userChrome.css entry found elsewhere on this site, I kept my tabs on the bottom of the bookmarks bar. After the FF 67.0.2 update the tabs went back to the top of the browser. I tried every suggested program in forums but nothing worked. An internet search came up with this site, "http://forums.mozillazine.org/viewtopic.php?f=38&t=3046394&start=30#" and it's chrome entry code worked perfectly. My tabs are back on the bottom where they belong and the browser fonts are nice and bright. This is the code:

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

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 27px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
 --tab-min-height: 27px !important; /* needs to be the same as above under :root */
 --tab-min-width: 80px !important;
}

#TabsToolbar {
 height: var(--tab-min-height) !important;
 margin-bottom: 1px !important;
 box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* Remove Haze NavBar */
#nav-bar,
#PersonalToolbar {
  background: transparent !important;
}
Using a userChrome.css entry found elsewhere on this site, I kept my tabs on the bottom of the bookmarks bar. After the FF 67.0.2 update the tabs went back to the top of the browser. I tried every suggested program in forums but nothing worked. An internet search came up with this site, "http://forums.mozillazine.org/viewtopic.php?f=38&t=3046394&start=30#" and it's chrome entry code worked perfectly. My tabs are back on the bottom where they belong and the browser fonts are nice and bright. This is the code: <pre><nowiki> @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ /* TABS: on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; } #tabbrowser-tabs { width: 100vw !important; } #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;} /* TABS: height */ :root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 27px !important; /* adjust to suit your needs */ } :root #tabbrowser-tabs { --tab-min-height: 27px !important; /* needs to be the same as above under :root */ --tab-min-width: 80px !important; } #TabsToolbar { height: var(--tab-min-height) !important; margin-bottom: 1px !important; box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; } #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--tab-min-height) !important; max-height: var(--tab-min-height) !important; } /* drag space */ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] { width: 40px; } /* Override vertical shifts when moving a tab */ #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar { padding-bottom: unset !important; } #navigator-toolbox[movingtab] #tabbrowser-tabs { padding-bottom: unset !important; margin-bottom: unset !important; } #navigator-toolbox[movingtab] > #nav-bar { margin-top: unset !important; } /* Remove Haze NavBar */ #nav-bar, #PersonalToolbar { background: transparent !important; } </nowiki></pre>

Modified by cor-el

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.