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

Support Forum

How can I get the old drop-down text menu for the search bar back in Firefox Quantum?

Posted

With hacks still pending on the new release of Firefox Quantum, I almost have it customized/personalized so that it works for me. That is to say I'm visually-handicapped and there are some things I need modified.

I would like to have the "classic" drop-down text menu back for the search bar. Short of deleting all the engines I have accumulated as well as disabling the "add" feature.

You see--I do not recognize most of the icons, and they certainly can't be "read" by a text-reader, though I haven't actually tried but they are images and Not text. I relied on the old menu to be text and I am sorry but I am simply not familiar with every sites icon except the most obvious.

I did the hack in about:config in previous versions and it has always translated to the next update, however, it doesn't work in Quantum.

If anyone knows a way to modify that feature I would certainly appreciate the help.

I have, however, created a Chrome code to put the tabs back on the button. I had given up on this in the last version. Personally I think if the tabs are on top they sh9ould round-over the edges thus looking like "folders," which actually makes sense. However, now that I've moved them back to the bottom, and thanks to Mozilla moving most of the menu bar options into the "Hamburger Menu" I have done away with everything except the address bar & tabs.

It actually looks pretty slick, though I use the default or dark theme and wish there was a little more definition as to which tab was actually open. Not really fond of the little blue bar above the open tab in the dark theme. It is what it is, but I would simply the open tab be a couple of shades lighter in the default them.

Light themes are not an option for me.

Thank you.

With hacks still pending on the new release of Firefox Quantum, I almost have it customized/personalized so that it works for me. That is to say I'm visually-handicapped and there are some things I need modified. I would like to have the "classic" drop-down text menu back for the search bar. Short of deleting all the engines I have accumulated as well as disabling the "add" feature. You see--I do not recognize most of the icons, and they certainly can't be "read" by a text-reader, though I haven't actually tried but they are images and Not text. I relied on the old menu to be text and I am sorry but I am simply not familiar with every sites icon except the most obvious. I did the hack in about:config in previous versions and it has always translated to the next update, however, it doesn't work in Quantum. If anyone knows a way to modify that feature I would certainly appreciate the help. I have, however, created a Chrome code to put the tabs back on the button. I had given up on this in the last version. Personally I think if the tabs are on top they sh9ould round-over the edges thus looking like "folders," which actually makes sense. However, now that I've moved them back to the bottom, and thanks to Mozilla moving most of the menu bar options into the "Hamburger Menu" I have done away with everything except the address bar & tabs. It actually looks pretty slick, though I use the default or dark theme and wish there was a little more definition as to which tab was actually open. Not really fond of the little blue bar above the open tab in the dark theme. It is what it is, but I would simply the open tab be a couple of shades lighter in the default them. Light themes are not an option for me. Thank you.
Attached screenshots

Chosen solution

Since you are already familiar with userChrome.css, could you take a look at this "configurator" and see whether it works for your search bar?

https://www.jeffersonscher.com/gm/search-bar-names.html

Note: The function of the buttons is different from the version you have been using (the pre-Firefox 34 bar). Clicking a button will run a search on that site using the contents of the search bar without changing your default search engine. To change your default search engine, right-click the site and choose Set As Default Search Engine.

Read this answer in context 2
Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 27.0 r0

Application

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

Extensions

  • Adblock Plus 3.0.1 ({d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d})
  • Flash Video Downloader 16.0.5 (artur.dubovoy@gmail.com)
  • Forecastfox (fix version) 4.11 (forecastfox@s3_fix_version)
  • Popup Blocker Ultimate 9.5 ({60B7679C-BED9-11E5-998D-8526BB8E7F8B})
  • SaveFrom.net helper 7.40 (helper@savefrom.net)
  • Stylish - Custom themes for any website 3.0.1 ({46551EC9-40F0-4e47-8E18-8E5CF550CFB8})
  • Stylus 1.1.6.1 ({7a7a4a92-a2a0-41d1-9fd7-1e92480d612d})
  • Ummy Radio 1.4.4 ({1717DBA2-F382-4EA7-A647-2FBF413EC217})
  • Video DownloadHelper 7.0.0 ({b9db16a4-6edc-47ec-a1f4-b86292ed211d})
  • Adblock Plus Pop-up Addon 0.9.2.1-signed.1-signed (adblockpopups@jessehakanen.net) (Inactive)
  • CacheViewer 0.8.6.3.1-let-fixed ({71328583-3CA7-4809-B4BA-570A85818FBB}) (Inactive)
  • Classic Theme Restorer 1.7.3.1 (ClassicThemeRestorer@ArisT2Noia4dev) (Inactive)
  • Disconnect 5.18.21 (2.0@disconnect.me) (Inactive)
  • Fasterfox 3.9.85.1-signed.1-signed ({c36177c0-224a-11da-8cd6-0800200c9a91}) (Inactive)
  • Firefox Lightbeam 2.0.4 (jid1-F9UJ2thwoAm5gQ@jetpack) (Inactive)
  • Page Info Button 0.2.2.0 (pageinfobutton@wirble.de) (Inactive)
  • RightToClick 2.9.6 ({cd617375-6743-4ee8-bac4-fbf10f35729e}) (Inactive)
  • uBlock Origin 1.14.18 (uBlock0@raymondhill.net) (Inactive)

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription: Intel(R) HD Graphics 4600
  • adapterDescription2:
  • adapterDeviceID: 0x0412
  • adapterDeviceID2:
  • adapterDrivers: igdumdim64 igd10iumd64 igd10iumd64 igdumdim32 igd10iumd32 igd10iumd32
  • adapterDrivers2:
  • adapterRAM: Unknown
  • adapterRAM2:
  • adapterSubsysID: 78461462
  • adapterSubsysID2:
  • adapterVendorID: 0x8086
  • adapterVendorID2:
  • crashGuards: []
  • direct2DEnabled: False
  • direct2DEnabledMessage: [u'']
  • directWriteEnabled: True
  • directWriteVersion: 6.2.9200.22164
  • driverDate: 6-14-2013
  • driverDate2:
  • driverVersion: 9.18.10.3215
  • driverVersion2:
  • featureLog: {u'fallbacks': [], u'features': [{u'status': u'disabled', u'description': u'Compositing', u'log': [{u'status': u'available', u'type': u'default'}, {u'status': u'disabled', u'message': u'Disabled by pref', u'type': u'user'}], u'name': u'HW_COMPOSITING'}, {u'status': u'unavailable', u'description': u'Direct3D11 Compositing', u'log': [{u'status': u'unavailable', u'message': u'Hardware compositing is disabled', u'type': u'default'}], u'name': u'D3D11_COMPOSITING'}, {u'status': u'unavailable', u'description': u'Direct2D', u'log': [{u'status': u'unavailable', u'message': u'Direct2D requires Direct3D 11 compositing', u'type': u'default'}], u'name': u'DIRECT2D'}, {u'status': u'disabled', u'description': u'Direct3D11 hardware ANGLE', u'log': [{u'status': u'unavailable', u'message': u'D3D11 compositing is disabled', u'type': u'default'}, {u'status': u'disabled', u'message': u'D3D11 compositing is disabled', u'type': u'env'}], 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'unavailable', 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'status': u'unavailable', u'message': u'ANGLE is disabled', u'type': u'runtime'}], u'name': u'WEBRENDER'}]}
  • info: {u'AzureContentBackend (UI Process)': u'skia', u'AzureCanvasBackend (UI Process)': u'skia', u'ApzWheelInput': 1, u'ApzDragInput': 1, u'AzureFallbackCanvasBackend (UI Process)': u'cairo', u'ApzAutoscrollInput': 1, u'AzureCanvasAccelerated': 0}
  • isGPU2Active: False
  • numAcceleratedWindows: 0
  • numAcceleratedWindowsMessage: [u'']
  • numTotalWindows: 1
  • offMainThreadPaintEnabled: False
  • webgl1DriverExtensions: GL_ANGLE_depth_texture GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_pack_reverse_row_order 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_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_minmax GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_frag_depth GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_shader_texture_lod GL_EXT_texture_compression_dxt1 GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_NV_fence GL_NV_pack_subimage GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives 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
  • webgl1Extensions: ANGLE_instanced_arrays EXT_blend_minmax EXT_color_buffer_half_float EXT_frag_depth EXT_shader_texture_lod EXT_texture_filter_anisotropic 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_debug_renderer_info WEBGL_debug_shaders WEBGL_depth_texture WEBGL_lose_context MOZ_WEBGL_lose_context MOZ_WEBGL_compressed_texture_s3tc MOZ_WEBGL_depth_texture
  • webgl1Renderer: Google Inc. -- ANGLE (Intel(R) HD Graphics 4600 Direct3D9Ex vs_3_0 ps_3_0)
  • webgl1Version: OpenGL ES 2.0 (ANGLE 2.1.0.dec065540d5f)
  • webgl1WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 0000000000009aa6) EGL_VERSION: 1.4 (ANGLE 2.1.0.dec065540d5f) 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_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_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource 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
  • webgl2DriverExtensions: -
  • webgl2Extensions: -
  • webgl2Renderer: WebGL creation failed: * Error during ANGLE OpenGL init. * Error during ANGLE OpenGL init. * Error during ANGLE OpenGL init. * Error during ANGLE OpenGL init. * Error during ANGLE OpenGL init. * Exhausted GL driver caps.
  • webgl2Version: -
  • webgl2WSIInfo: -
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Basic
  • windowUsingAdvancedLayers: False

Modified Preferences

Misc

  • User JS: No
  • Accessibility: Yes
jscher2000
  • Top 10 Contributor
7296 solutions 59413 answers

Chosen Solution

Since you are already familiar with userChrome.css, could you take a look at this "configurator" and see whether it works for your search bar?

https://www.jeffersonscher.com/gm/search-bar-names.html

Note: The function of the buttons is different from the version you have been using (the pre-Firefox 34 bar). Clicking a button will run a search on that site using the contents of the search bar without changing your default search engine. To change your default search engine, right-click the site and choose Set As Default Search Engine.

Since you are already familiar with userChrome.css, could you take a look at this "configurator" and see whether it works for your search bar? https://www.jeffersonscher.com/gm/search-bar-names.html Note: The function of the buttons is different from the version you have been using (the pre-Firefox 34 bar). Clicking a button will run a search on that site using the contents of the search bar without changing your default search engine. To change your default search engine, right-click the site and choose Set As Default Search Engine.
Was this helpful to you? 2
Quote

Question owner

Hey J.

I'm not sure how familiar I am or not.

Frankly I felt I was flirting with disaster by apply the Chrome code, and yet it turned out better than I expected & wasn't that difficult. Though I'm having second thoughts and am still thinking about rounding the corners of the tabe; perhaps that would help improve their definition.

I have noticed that the search bar works differently. It uses the default unless I actually click on one of the icons. I have also looked at your page because you posted it in my other question.

Let me study your 'configurator a little bit and I wil, see how much damage I can do.

Hey J. I'm not sure how familiar I am or not. Frankly I felt I was flirting with disaster by apply the Chrome code, and yet it turned out better than I expected & wasn't that difficult. Though I'm having second thoughts and am still thinking about rounding the corners of the tabe; perhaps that would help improve their definition. I have noticed that the search bar works differently. It uses the default unless I actually click on one of the icons. I have also looked at your page because you posted it in my other question. Let me study your 'configurator a little bit and I wil, see how much damage I can do.
Was this helpful to you?
Quote

Question owner

It didn't take.

In theory it should have worked. I used the path as I did to reverse the address bar & tab lines. Exported the code ito a css file, even checked the extension, and placed it in the chrome folder in my profile folder where i placed the other code, and then I rebooted. However, I am still seeing the Quantum default veew. : ( What did I do wrong? Or did I?

It didn't take. In theory it should have worked. I used the path as I did to reverse the address bar & tab lines. Exported the code ito a css file, even checked the extension, and placed it in the chrome folder in my profile folder where i placed the other code, and then I rebooted. However, I am still seeing the Quantum default veew. : ( What did I do wrong? Or did I?
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
7296 solutions 59413 answers

Helpful Reply

springheel said

Exported the code ito a css file, even checked the extension, and placed it in the chrome folder in my profile folder where i placed the other code, and then I rebooted.

When you save the file, it has a name like search-bar-names-std.css which is not a name that Firefox looks for.

If you didn't have a userChrome.css file, you could rename it to userChrome.css.

Since you already have a userChrome.css file, you can add an @import line at the top of userChrome.css with the actual name of the file you downloaded. Both files should be in the chrome folder. For example:

@import url("search-bar-names-std.css");

Sample screenshot attached.

When Firefox starts up and loads userChrome.css, it will find that @import and also apply that style sheet.

If you are using an @namespace line in your userChrome.css file, the @import needs to be above that, first line of the file.

''springheel [[#answer-1039691|said]]'' <blockquote>Exported the code ito a css file, even checked the extension, and placed it in the chrome folder in my profile folder where i placed the other code, and then I rebooted. </blockquote> When you save the file, it has a name like '''search-bar-names-std.css''' which is not a name that Firefox looks for. If you didn't have a userChrome.css file, you could rename it to userChrome.css. Since you already have a userChrome.css file, you can add an @import line at the top of userChrome.css with the actual name of the file you downloaded. Both files should be in the chrome folder. For example: @import url("search-bar-names-std.css"); Sample screenshot attached. When Firefox starts up and loads userChrome.css, it will find that @import and also apply that style sheet. ''If you are using an @namespace line in your userChrome.css file, the @import needs to be above that, first line of the file.''
Was this helpful to you? 1
Quote

Question owner

I'm tring to understand this, so I need to put @import in front of the file I imported from your program in order for it to work, at the same time--do I need to put @import in front of the code that I used to invert the address bar & tab line? Because it seems if I simply put it in front of your file, in cancels out the css that I used to invert the address baf & tab line.

On top of that, I've applied this Nightly them, below my current css if only to round the corncers of the tabs, (let me see if I can confuse us both a little more) the so called them took and the tabs are rounded, howwever, they are also white, and that is not what I wanted, I simply wanted a lighter shade of gray, so that I could retain the color aspects of the default theme.

Have I confused you yet?

logically, i have this idea that I need to add the @import to the code I used to invert the tabs. Right?

And yet I have this Nightly theme that I'm dealing with only in the sense that though it is applied, I am trying to find a color code line, of which I cannot seem to find.

You're using the Developer browser. At least in your screenshot, it seems. I actually installed that as well, in hopes, that I might learn something.

God this is like Algebra, it makes sense and yet I can't completely wrap my head around it.

I'm tring to understand this, so I need to put @import in front of the file I imported from your program in order for it to work, at the same time--do I need to put @import in front of the code that I used to invert the address bar & tab line? Because it seems if I simply put it in front of your file, in cancels out the css that I used to invert the address baf & tab line. On top of that, I've applied this Nightly them, below my current css if only to round the corncers of the tabs, (let me see if I can confuse us both a little more) the so called them took and the tabs are rounded, howwever, they are also white, and that is not what I wanted, I simply wanted a lighter shade of gray, so that I could retain the color aspects of the default theme. Have I confused you yet? logically, i have this idea that I need to add the @import to the code I used to invert the tabs. Right? And yet I have this Nightly theme that I'm dealing with only in the sense that though it is applied, I am trying to find a color code line, of which I cannot seem to find. You're using the Developer browser. At least in your screenshot, it seems. I actually installed that as well, in hopes, that I might learn something. God this is like Algebra, it makes sense and yet I can't completely wrap my head around it.
Was this helpful to you?
Quote

Question owner

And now I seem to have lost my curved tabs. Will work on this tomorrow. I had them once. As well as the search menu. Though I didn't quite have it, I understand what you're saying. Thanks for the help J. I will keep working on it. Don't know why I lost the curvy tabs, but I still need to find a way to change the selected tab to a different color than white. That just doesn't even look like it belongs. Of course, I got to get them to show again.

And now I seem to have lost my curved tabs. Will work on this tomorrow. I had them once. As well as the search menu. Though I didn't quite have it, I understand what you're saying. Thanks for the help J. I will keep working on it. Don't know why I lost the curvy tabs, but I still need to find a way to change the selected tab to a different color than white. That just doesn't even look like it belongs. Of course, I got to get them to show again.
Was this helpful to you?
Quote
Pkshadow
  • Top 10 Contributor
745 solutions 9073 answers

Double oops

Double oops

Modified by Pkshadow

Was this helpful to you?
Quote

Question owner

@ Pkshadow

It's all good. Actually I often hid the menu bar; it's easy enough to bring up. But being visually-handicapped there is a certain "look" & contrast that I prefer.

I always figure it out--eventually.

@ Pkshadow It's all good. Actually I often hid the menu bar; it's easy enough to bring up. But being visually-handicapped there is a certain "look" & contrast that I prefer. I always figure it out--eventually.
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
7296 solutions 59413 answers

I'm using Nightly on this computer to work with the new UI because the main browser is still Firefox 56 (while NoScript is being debugged). Firefox 57 is very similar to Nightly.

springheel said

so I need to put @import in front of the file I imported from your program in order for it to work, at the same time--do I need to put @import in front of the code that I used to invert the address bar & tab line? Because it seems if I simply put it in front of your file, in cancels out the css that I used to invert the address baf & tab line.

The

@import url("search-bar-names-std.css"); 

(or whatever the additional file name is) should be on its own line at the top of the userChrome.css file.

Everything else that you already had in the file would just move down a line.

That's it. That's all you need to do to get Firefox to read the additional file.

Did you ever watch this video: https://vimeo.com/242513527 -- the part where I use @import starts around 2:30.

I'm using Nightly on this computer to work with the new UI because the main browser is still Firefox 56 (while NoScript is being debugged). Firefox 57 is very similar to Nightly. ''springheel [[#answer-1039721|said]]'' <blockquote> so I need to put @import in front of the file I imported from your program in order for it to work, at the same time--do I need to put @import in front of the code that I used to invert the address bar & tab line? Because it seems if I simply put it in front of your file, in cancels out the css that I used to invert the address baf & tab line. </blockquote> The @import url("search-bar-names-std.css"); (or whatever the additional file name is) should be on its own line at the top of the userChrome.css file. Everything else that you already had in the file would just move down a line. That's it. That's all you need to do to get Firefox to read the additional file. Did you ever watch this video: https://vimeo.com/242513527 -- the part where I use @import starts around 2:30.
Was this helpful to you?
Quote

Question owner

I'm assuming those are your videos. I actually downloaded them so that I could give them a better look. I also downloaded and installed the Notepad ++, even though I have no idea how to use it, but I can't say it isn't a better editor than regular notepad.

It occurred to me that perhaps I corrupted my own css file by adding not only the NIghtly code (because I cannot get the rounded tabs back, as well as the file from your page from your page.

I'm sure you would know better than me. Perhaps I should have simply pasted the code in full. But I am not a programmer.

With all the information you've given me, as well as several links to Chrome css forms that I have collected from my question about a hack to move the page display function into the hamburger menu, I obviously have some homework to do. Even though I was hoping for a simply hack.

That said, I am happy that Mozilla allows us to customize the browser. I'm not sure I can say that about IE, and I personally don't even use Chrome, gave up on it a long time ago. Too slow.

In the end, I'm not completely unhappy with what I've got so far. I have always preferred the tabs on the bottom, reminds me a bit of the Netscape days. In your video you mentioned something, I believe, and I need to watch it again, about having only two lines of function looking a little sparse that one might add the title bar, though a title bar isn't in the options of Quantum, I'm sure there's a way, so I can't say by leaving the menu bar open, doesn't make it look more fuller and still give me easy acess to the page style feature.

Short of the issue I still have with the search bar.

I think the only other thing I wish I could accomplish is to give the "selected tab" a little more contrast. I"ts my vision to blame for that. And I simply don't care for the blue line in the dark them, perhaps if it were simply white I would be happy.

Anyway, I have a lot of material to try to digest today.

I hope to hear back from you. I could learn a lot from you, though I don't know if I can apply everything you teach me.

Thank you once again.

I'm assuming those are your videos. I actually downloaded them so that I could give them a better look. I also downloaded and installed the Notepad ++, even though I have no idea how to use it, but I can't say it isn't a better editor than regular notepad. It occurred to me that perhaps I corrupted my own css file by adding not only the NIghtly code (because I cannot get the rounded tabs back, as well as the file from your page from your page. I'm sure you would know better than me. Perhaps I should have simply pasted the code in full. But I am not a programmer. With all the information you've given me, as well as several links to Chrome css forms that I have collected from my question about a hack to move the page display function into the hamburger menu, I obviously have some homework to do. Even though I was hoping for a simply hack. That said, I am happy that Mozilla allows us to customize the browser. I'm not sure I can say that about IE, and I personally don't even use Chrome, gave up on it a long time ago. Too slow. In the end, I'm not completely unhappy with what I've got so far. I have always preferred the tabs on the bottom, reminds me a bit of the Netscape days. In your video you mentioned something, I believe, and I need to watch it again, about having only two lines of function looking a little sparse that one might add the title bar, though a title bar isn't in the options of Quantum, I'm sure there's a way, so I can't say by leaving the menu bar open, doesn't make it look more fuller and still give me easy acess to the page style feature. Short of the issue I still have with the search bar. I think the only other thing I wish I could accomplish is to give the "selected tab" a little more contrast. I"ts my vision to blame for that. And I simply don't care for the blue line in the dark them, perhaps if it were simply white I would be happy. Anyway, I have a lot of material to try to digest today. I hope to hear back from you. I could learn a lot from you, though I don't know if I can apply everything you teach me. Thank you once again.
Was this helpful to you?
Quote

Question owner

This is the css I used to put the tabs on the bottom:

@import url (#TabsToolbar{ -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !)important;

If I swap that css out for yours, yours works, though I find the bright breen plus sign annoying, but it changes to a drop down with an icon & text.

if I put the other code in, even with the @import, it cancels your code out and the tabs are still at the top.

Tabs only go to the bottom, so it seems, if I used the css on it's own.

However, I did find and paste the entire css for the Nightly theme below the tabs below code, and both worked, the tabs were stayed on the bottom and were rounded over but I don't care for the selected tab being full-out white, I would have preferred simply a couple shades lighter contrast.

However, when I added your css on top of all that, even with the @import prefix, it canceled Everything out.

Just for shits & giggles, I"m going to find that Nightly theme again and add it below your code just to see what it does. I should save it anyway.

This is the css I used to put the tabs on the bottom: @import url (#TabsToolbar{ -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !)important; If I swap that css out for yours, yours works, though I find the bright breen plus sign annoying, but it changes to a drop down with an icon & text. if I put the other code in, even with the @import, it cancels your code out and the tabs are still at the top. Tabs only go to the bottom, so it seems, if I used the css on it's own. However, I did find and paste the entire css for the Nightly theme below the tabs below code, and both worked, the tabs were stayed on the bottom and were rounded over but I don't care for the selected tab being full-out white, I would have preferred simply a couple shades lighter contrast. However, when I added your css on top of all that, even with the @import prefix, it canceled Everything out. Just for shits & giggles, I"m going to find that Nightly theme again and add it below your code just to see what it does. I should save it anyway.
Was this helpful to you?
Quote

Question owner

@ jscher2000

I took the tabs on bottom code completely out; I had found that hack via Youtube.

Consequently, I took the file I made from your "configurator) and rewrote it as userChrome.css and replaced the other one I had.

The menu took; it views in text, I may not like the bright green + sign or that th4e text renders in that lime green color either, but I will return to your page and see if I can make tweaks to it. If not, I'll learn to live with it.

That said, I found the Nightly css for the Dark theme and pasted it below your css. I did not use the @import prefix anywhere in either code, simply pasted the Nightly code a couple of lines below yours and it accepted it, so far, without any problems, in fact, the rounded tab took on the color contrast of the selected tab too on the contrast I was trying to achieve. That or perhaps I've simply become used to tabs on top, as long as they are rounded.

Aesthetics, what are you going to do? We all have our preferences.

I would still like to get Page Style into the Hamburger menu, but for the most part, this is how I had it looking before the upgrade. I'm happy.

I will continue to study CSS, even though I'm not necessarily a Developer, it fascinates me nonetheless.

I majored in Literature not Programing, Though there was a time I thought I wanted to do web design, the professor was discouraging, even though being visually handicapped, I may have been better than most because I have an overblown understanding of contrast and may have the best looking blogs online.

Thank you for your help. I will mark it as solved, but I may continue to play with your 'configur' to see if I can get a more appealing view, but for now--I'm happy with what I got.

I hope you continue the videos on Vimeo & I wish you the best of luck and hope to see you around--under better circumstances--of course.

Happy Holidays.

@ jscher2000 I took the tabs on bottom code completely out; I had found that hack via Youtube. Consequently, I took the file I made from your "configurator) and rewrote it as userChrome.css and replaced the other one I had. The menu took; it views in text, I may not like the bright green + sign or that th4e text renders in that lime green color either, but I will return to your page and see if I can make tweaks to it. If not, I'll learn to live with it. That said, I found the Nightly css for the Dark theme and pasted it below your css. I did not use the @import prefix anywhere in either code, simply pasted the Nightly code a couple of lines below yours and it accepted it, so far, without any problems, in fact, the rounded tab took on the color contrast of the selected tab too on the contrast I was trying to achieve. That or perhaps I've simply become used to tabs on top, as long as they are rounded. Aesthetics, what are you going to do? We all have our preferences. I would still like to get Page Style into the Hamburger menu, but for the most part, this is how I had it looking before the upgrade. I'm happy. I will continue to study CSS, even though I'm not necessarily a Developer, it fascinates me nonetheless. I majored in Literature not Programing, Though there was a time I thought I wanted to do web design, the professor was discouraging, even though being visually handicapped, I may have been better than most because I have an overblown understanding of contrast and may have the best looking blogs online. Thank you for your help. I will mark it as solved, but I may continue to play with your 'configur' to see if I can get a more appealing view, but for now--I'm happy with what I got. I hope you continue the videos on Vimeo & I wish you the best of luck and hope to see you around--under better circumstances--of course. Happy Holidays.
Was this helpful to you? 0
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.