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

Support Forum

customizing browser theme being forced to accept updates

Posted

as of nov. 26th 2017 the new firefox update has destroyed my browser settings. i simple want my customized browser back with the bookmarks and placement of items/icons ect. the way i had them..

i have clear examples of what i had as i like it and also what firefox has forced me into accepting. but this feedback is not allowing the upload of a .jpg file....???

and even my preferred browser 'theme' as i have it saved as a .jpg shows 'no' home page icon as a result of a previous 'up-date' i still prefer it to what i have now...

pls help me.

i really shouldn't even have to ask this type of question. i shouldn't be forced out of anything i work with without being asked to do so at the very least.

regards,

wilson

as of nov. 26th 2017 the new firefox update has destroyed my browser settings. i simple want my customized browser back with the bookmarks and placement of items/icons ect. the way i had them.. i have clear examples of what i had as i like it and also what firefox has forced me into accepting. but this feedback is not allowing the upload of a .jpg file....??? and even my preferred browser 'theme' as i have it saved as a .jpg shows 'no' home page icon as a result of a previous 'up-date' i still prefer it to what i have now... pls help me. i really shouldn't even have to ask this type of question. i shouldn't be forced out of anything i work with without being asked to do so at the very least. regards, wilson

Chosen solution

That sorta is a step by step.

Use a notepad and copy the code then go through it again and the video to double check and then do what is needed. Since I do not do that I have the same solution : irefox 57+ extensions cannot modify the toolbar order, but you can use a custom style rule in a userChrome.css file to do it.

Please look at the third example on the following page:

https://www.userchrome.org/what-is-userchrome-css.html

I also show it in the following video starting around 8:45

https://vimeo.com/242513527

https://www.howtogeek.com/333805/how-to-change-or-customize-firefoxs-new-tab-page/

https://www.howtogeek.com/333110/how-to-customize-firefox-quantum-and-remove-the-white-space-around-the-title-bar/

Please let us know if this solved your issue or if need further assistance.

Read this answer in context 1

Additional System Details

Installed Plug-ins

  • Shockwave Flash 27.0 r0

Application

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

Extensions

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription:
  • adapterDeviceID: 0x6821
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x1002
  • 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'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"Build doesn't include WebRender", u'type': u'runtime'}], u'name': u'WEBRENDER'}]}
  • info: {u'TileHeight': 1024, u'TileWidth': 1024, u'ApzDragInput': 1, u'AzureFallbackCanvasBackend': u'none', u'ApzWheelInput': 1, u'AzureCanvasAccelerated': 1, u'AzureCanvasBackend': u'skia', u'AzureContentBackend': u'skia'}
  • numAcceleratedWindows: 2
  • numTotalWindows: 2
  • webgl1DriverExtensions: GL_ARB_color_buffer_float GL_ARB_depth_buffer_float GL_ARB_depth_clamp GL_ARB_depth_texture GL_ARB_draw_buffers GL_ARB_draw_elements_base_vertex GL_ARB_draw_instanced GL_ARB_fragment_program GL_ARB_fragment_program_shadow GL_ARB_fragment_shader GL_ARB_framebuffer_object GL_ARB_framebuffer_sRGB GL_ARB_half_float_pixel GL_ARB_half_float_vertex GL_ARB_imaging GL_ARB_instanced_arrays GL_ARB_multisample GL_ARB_multitexture GL_ARB_occlusion_query GL_ARB_pixel_buffer_object GL_ARB_point_parameters GL_ARB_point_sprite GL_ARB_provoking_vertex GL_ARB_seamless_cube_map GL_ARB_shader_objects GL_ARB_shader_texture_lod GL_ARB_shading_language_100 GL_ARB_shadow GL_ARB_shadow_ambient GL_ARB_sync GL_ARB_texture_border_clamp GL_ARB_texture_compression GL_ARB_texture_compression_rgtc GL_ARB_texture_cube_map GL_ARB_texture_env_add GL_ARB_texture_env_combine GL_ARB_texture_env_crossbar GL_ARB_texture_env_dot3 GL_ARB_texture_float GL_ARB_texture_mirrored_repeat GL_ARB_texture_non_power_of_two GL_ARB_texture_rectangle GL_ARB_texture_rg GL_ARB_transpose_matrix GL_ARB_vertex_array_bgra GL_ARB_vertex_blend GL_ARB_vertex_buffer_object GL_ARB_vertex_program GL_ARB_vertex_shader GL_ARB_window_pos GL_EXT_abgr GL_EXT_bgra GL_EXT_bindable_uniform GL_EXT_blend_color GL_EXT_blend_equation_separate GL_EXT_blend_func_separate GL_EXT_blend_minmax GL_EXT_blend_subtract GL_EXT_clip_volume_hint GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_depth_bounds_test GL_EXT_draw_buffers2 GL_EXT_draw_range_elements GL_EXT_fog_coord GL_EXT_framebuffer_blit GL_EXT_framebuffer_multisample GL_EXT_framebuffer_object GL_EXT_framebuffer_sRGB GL_EXT_geometry_shader4 GL_EXT_gpu_program_parameters GL_EXT_gpu_shader4 GL_EXT_multi_draw_arrays GL_EXT_packed_depth_stencil GL_EXT_packed_float GL_EXT_provoking_vertex GL_EXT_rescale_normal GL_EXT_secondary_color GL_EXT_separate_specular_color GL_EXT_shadow_funcs GL_EXT_stencil_two_side GL_EXT_stencil_wrap GL_EXT_texture_array GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc GL_EXT_texture_env_add GL_EXT_texture_filter_anisotropic GL_EXT_texture_integer GL_EXT_texture_lod_bias GL_EXT_texture_mirror_clamp GL_EXT_texture_rectangle GL_EXT_texture_shared_exponent GL_EXT_texture_sRGB GL_EXT_texture_sRGB_decode GL_EXT_timer_query GL_EXT_transform_feedback GL_EXT_vertex_array_bgra GL_APPLE_aux_depth_stencil GL_APPLE_client_storage GL_APPLE_element_array GL_APPLE_fence GL_APPLE_float_pixels GL_APPLE_flush_buffer_range GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_packed_pixels GL_APPLE_pixel_buffer GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_specular_vector GL_APPLE_texture_range GL_APPLE_transform_hint GL_APPLE_vertex_array_object GL_APPLE_vertex_array_range GL_APPLE_vertex_point_size GL_APPLE_vertex_program_evaluators GL_APPLE_ycbcr_422 GL_ATI_blend_equation_separate GL_ATI_blend_weighted_minmax GL_ATI_separate_stencil GL_ATI_texture_compression_3dc GL_ATI_texture_env_combine3 GL_ATI_texture_float GL_ATI_texture_mirror_once GL_IBM_rasterpos_clip GL_NV_blend_square GL_NV_conditional_render GL_NV_depth_clamp GL_NV_fog_distance GL_NV_light_max_exponent GL_NV_texgen_reflection GL_NV_texture_barrier GL_SGI_color_matrix GL_SGIS_generate_mipmap GL_SGIS_texture_edge_clamp GL_SGIS_texture_lod
  • 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 MOZ_debug 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 MOZ_WEBGL_lose_context MOZ_WEBGL_compressed_texture_s3tc MOZ_WEBGL_depth_texture
  • webgl1Renderer: ATI Technologies Inc. -- AMD Radeon R9 M370X OpenGL Engine
  • webgl1Version: 2.1 ATI-1.51.8
  • 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_depth_bounds_test GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_mirror_clamp 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_filter_anisotropic EXT_disjoint_timer_query MOZ_debug OES_texture_float_linear WEBGL_compressed_texture_s3tc WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_lose_context MOZ_WEBGL_lose_context MOZ_WEBGL_compressed_texture_s3tc
  • webgl2Renderer: ATI Technologies Inc. -- AMD Radeon R9 M370X OpenGL Engine
  • webgl2Version: 4.1 ATI-1.51.8
  • webgl2WSIInfo: CGL
  • windowLayerManagerRemote: True
  • windowLayerManagerType: OpenGL
  • windowUsingAdvancedLayers: False

Modified Preferences

Misc

  • User JS: No
  • Accessibility: No
jscher2000
  • Top 10 Contributor
7435 solutions 60683 answers

Sorry the upgrade was so disruptive for you. You can attach screenshots to your reply: https://support.mozilla.org/questions/1190823#question-reply

Regarding bookmarks, please start here:

There is a "real" bookmarks menu button for the toolbar. You can add it from Customize, or use the "Library" button as described in the article linked below:

Does that help?

Sorry the upgrade was so disruptive for you. You can attach screenshots to your reply: https://support.mozilla.org/questions/1190823#question-reply Regarding bookmarks, please start here: There is a "real" bookmarks menu button for the toolbar. You can add it from Customize, or use the "Library" button as described in the article linked below: * [[Customize Firefox controls, buttons and toolbars]] - look for <img src="https://support.cdn.mozilla.net/media/uploads/gallery/images/2017-10-14-13-54-51-ad9ea7.png"> * [[Bookmarks in Firefox]] - section entitled: ''How do I add the Bookmarks Menu button to the toolbar?'' Does that help?

Question owner

thanks and yes it is very disruptive for me this last up date removed all my saved information, bookmarks, and is no longer as artistic as i made it.

compare the two screen shots and hopefully you can tell me how to get the un-requested updated theme to be like the one i created a while ago. and also how i can get the browser to open in the home page i have selected. currently firefox opens in a blank page, clicking on my homepage icon opens several other tabs with my home page but not in the current page. ???


wilson

thanks and yes it is very disruptive for me this last up date removed all my saved information, bookmarks, and is no longer as artistic as i made it. compare the two screen shots and hopefully you can tell me how to get the un-requested updated theme to be like the one i created a while ago. and also how i can get the browser to open in the home page i have selected. currently firefox opens in a blank page, clicking on my homepage icon opens several other tabs with my home page but not in the current page. ??? wilson

Question owner

and here you can see when i open firefox it opens to a blank page, with two tabs opening with my homepage on them.

i have checked 'show my home page' when firefox starts...?

and here you can see when i open firefox it opens to a blank page, with two tabs opening with my homepage on them. i have checked 'show my home page' when firefox starts...?
jscher2000
  • Top 10 Contributor
7435 solutions 60683 answers

The blank home page with the tiny gear/sprocket on the right side looks like a mirror of the new new tab page, with the Activity Stream design. You can get the Activity Stream off the new tab home page as follows:

(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button promising to be careful or accepting the risk.

(2) In the search box above the list, type or paste newt and pause while the list is filtered

(3) Double-click the browser.newtabpage.activity-stream.aboutHome.enabled preference to switch the value from true to false

(4) To remove Activity Stream from the new tab page, double-click the browser.newtabpage.activity-stream.enabled preference to switch the value from true to false

Now... there are (at least) three visual issues:

(1) Tabs on top vs. bottom (2) Background "fog" on the toolbars that obscures the yellow submarine theme (3) Minimizing toolbar buttons and moving them to the left

For some of this, you can use the Customize feature to remove unnecessary buttons and spacers. More info in this article:

Customize Firefox controls, buttons and toolbars

But for other parts, you need to apply custom style rules to the toolbar area. With extensions having restricted capabilities, you can do that by creating a userChrome.css file. If you are unfamiliar, I've created a website with more information that you can browse. To speed the process, you can:

(1) Create a chrome folder in your currently active Firefox profile, by following Steps 1-3 of this page:

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

(2) Download a custom rule set from website, and move it into that new chrome folder. This is the file:

https://www.userchrome.org/samples/userChrome-yellowsub.css

(3) If you do not already have a userChrome.css file, shorten the name from userChrome-yellowsub.css to userChrome.css.

If you DO already have a userChrome.css file, copy the rules from userChrome-yellowsub.css into your userChrome.css file.

(4) Quit Firefox and start it up again so Firefox reads and applies the rules. To see what it does on Windows, you can check the attached screenshot.

Hope this helps.

The blank home page with the tiny gear/sprocket on the right side looks like a mirror of the new new tab page, with the Activity Stream design. You can get the Activity Stream off the <s>new tab</s> <u>home</u> page as follows: (1) In a new tab, type or paste '''about:config''' in the address bar and press Enter/Return. Click the button promising to be careful or accepting the risk. (2) In the search box above the list, type or paste '''newt''' and pause while the list is filtered (3) Double-click the '''browser.newtabpage.activity-stream.aboutHome.enabled''' preference to switch the value from true to false ''(4) To remove Activity Stream from the new tab page, double-click the'' '''browser.newtabpage.activity-stream.enabled''' ''preference to switch the value from true to false'' Now... there are (at least) three visual issues: (1) Tabs on top vs. bottom (2) Background "fog" on the toolbars that obscures the yellow submarine theme (3) Minimizing toolbar buttons and moving them to the left For some of this, you can use the Customize feature to remove unnecessary buttons and spacers. More info in this article: [[Customize Firefox controls, buttons and toolbars]] But for other parts, you need to apply custom style rules to the toolbar area. With extensions having restricted capabilities, you can do that by creating a userChrome.css file. If you are unfamiliar, I've created a website with more information that you can browse. To speed the process, you can: (1) Create a '''chrome''' folder in your currently active Firefox profile, by following Steps 1-3 of this page: https://www.userchrome.org/how-create-userchrome-css.html (2) Download a custom rule set from website, and move it into that new chrome folder. This is the file: https://www.userchrome.org/samples/userChrome-yellowsub.css (3) If you do not already have a userChrome.css file, shorten the name from userChrome-yellowsub.css to userChrome.css. If you DO already have a userChrome.css file, copy the rules from userChrome-yellowsub.css into your userChrome.css file. (4) Quit Firefox and start it up again so Firefox reads and applies the rules. To see what it does on Windows, you can check the attached screenshot. Hope this helps.

Modified by jscher2000

Question owner

ok, i have reached the steps to setting up the .css file, but i notice the vimeo video is for 'windows' and i'm a mac user. finding it hard to navigate to rename files or turn on/off file extensions. is there going to be a difference?

ok, i have reached the steps to setting up the .css file, but i notice the vimeo video is for 'windows' and i'm a mac user. finding it hard to navigate to rename files or turn on/off file extensions. is there going to be a difference?
jscher2000
  • Top 10 Contributor
7435 solutions 60683 answers

I'm expecting a holiday Mac next month, but you probably don't want to wait for that...

These are some Apple support articles that might help:

(1) Creating folders

macOS Sierra: Organize files in folders

(2) Renaming files

macOS Sierra: Rename files, folders, and disks

Hopefully that will get you over the finish line.

I'm expecting a holiday Mac next month, but you probably don't want to wait for that... These are some Apple support articles that might help: (1) Creating folders [https://support.apple.com/kb/PH25633 macOS Sierra: Organize files in folders] (2) Renaming files [https://support.apple.com/kb/PH25271 macOS Sierra: Rename files, folders, and disks] Hopefully that will get you over the finish line.

Question owner

good you for! hope you enjoy it...

maybe this is simple i can create a folder then a file and place '.css' on it with out issue. i think i have done that i hope i can get to customizing my browser now.

good you for! hope you enjoy it... maybe this is simple i can create a folder then a file and place '.css' on it with out issue. i think i have done that i hope i can get to customizing my browser now.

Question owner

okay halfway into your #2 video on editing userChrome.css i am totally lost and can't imagine how this should be so complicated for me to get back what i already had.

why can't i simply go to a firefox page and customize my browser like i do with my GoogleChrome!!!

man!

okay halfway into your #2 video on editing userChrome.css i am totally lost and can't imagine how this should be so complicated for me to get back what i already had. why can't i simply go to a firefox page and customize my browser like i do with my GoogleChrome!!! man!
jscher2000
  • Top 10 Contributor
7435 solutions 60683 answers

Hi wilson, if you use the "download and rename" method, you don't need the second video.

Also, I have no video production skills, so I apologize for that.

Hi wilson, if you use the "download and rename" method, you don't need the second video. ''Also, I have no video production skills, so I apologize for that.''

Question owner

to continue your video was fine no issues with that

it's my experience level at question. and what i see is the in order to redesign my firefox brower's theme i need to copy and paste from a tool board menu area... that offers tons of choices but is requires complicated lengthy option config choices.

so what i want is to have tabs at bottom or below the bookmark toolbar. i would like my home page icon to open to my ebay home page and not a firefox search page and two other tabs with my ebay home page. i would like the ghosting to go away. i would like the face of the browser to show more of my theme as was before. and maybe so additional coloring here and there.

can a step by step copy&paste method for this be forwarded?

thank you

wilson

to continue your video was fine no issues with that it's my experience level at question. and what i see is the in order to redesign my firefox brower's theme i need to copy and paste from a tool board menu area... that offers tons of choices but is requires complicated lengthy option config choices. so what i want is to have tabs at bottom or below the bookmark toolbar. i would like my home page icon to open to my ebay home page and not a firefox search page and two other tabs with my ebay home page. i would like the ghosting to go away. i would like the face of the browser to show more of my theme as was before. and maybe so additional coloring here and there. can a step by step copy&paste method for this be forwarded? thank you wilson
Pkshadow
  • Top 10 Contributor
915 solutions 11890 answers

Chosen Solution

That sorta is a step by step.

Use a notepad and copy the code then go through it again and the video to double check and then do what is needed. Since I do not do that I have the same solution : irefox 57+ extensions cannot modify the toolbar order, but you can use a custom style rule in a userChrome.css file to do it.

Please look at the third example on the following page:

https://www.userchrome.org/what-is-userchrome-css.html

I also show it in the following video starting around 8:45

https://vimeo.com/242513527

https://www.howtogeek.com/333805/how-to-change-or-customize-firefoxs-new-tab-page/

https://www.howtogeek.com/333110/how-to-customize-firefox-quantum-and-remove-the-white-space-around-the-title-bar/

Please let us know if this solved your issue or if need further assistance.

That sorta is a step by step. Use a notepad and copy the code then go through it again and the video to double check and then do what is needed. Since I do not do that I have the same solution : irefox 57+ extensions cannot modify the toolbar order, but you can use a custom style rule in a userChrome.css file to do it. Please look at the third example on the following page: https://www.userchrome.org/what-is-userchrome-css.html I also show it in the following video starting around 8:45 https://vimeo.com/242513527 https://www.howtogeek.com/333805/how-to-change-or-customize-firefoxs-new-tab-page/ https://www.howtogeek.com/333110/how-to-customize-firefox-quantum-and-remove-the-white-space-around-the-title-bar/ Please let us know if this solved your issue or if need further assistance.