X
Kliknite sem pre prechod na mobilnú verziu webu.

Fórum podpory

How to increase menu text size and bookmark text size in FF 61

Pridané

I have tried the suggestion and none work... https://support.mozilla.org/en-US/questions/1198817

I used to use an app for this and it no longer works either.

The font size for websites I was able to set @ 1.25 in about:config and are perfect size for me

But still the text size in the Firefox program is showing very small and hard to read.

Seems that every cosequent update strips away a needed feature. When searching for addons, the majority I select are no longer functioning.

I have tried the suggestion and none work... https://support.mozilla.org/en-US/questions/1198817 I used to use an app for this and it no longer works either. The font size for websites I was able to set @ 1.25 in about:config and are perfect size for me But still the text size in the Firefox program is showing very small and hard to read. Seems that every cosequent update strips away a needed feature. When searching for addons, the majority I select are no longer functioning.

Vybrané riešenie

Here's an example using a userChrome.css file:

(A) Select and copy all of the following code

/* Classic Menu Bar (windows only?) */
#toolbar-menubar .menubar-text,
#toolbar-menubar menuitem, 
#toolbar-menubar menu {
  font-size: 14px !important;
}

/* Tab bar */
#TabsToolbar {
  font-size: 14px !important;
}

/* Main Toolbar */
#nav-bar {
  font-size: 14px !important;
}

/* Bookmarks Toolbar */
#PersonalToolbar, 
#PersonalToolbar menuitem,
#PersonalToolbar menu {
  font-size: 16px !important;
}

/* Context menus (this is not all of them) */
menupopup[id*="ContextMenu"] menuitem,
menupopup[id*="ContextMenu"] menu, 
#placesContext menuitem, 
#placesContext menu, 
#backForwardMenu menuitem {
  font-size: 14px !important;
}

(B) Generate and download a userChrome.css file

Open the following page and paste the rules into the editor:

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

(See first attached screenshot)

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

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

Minimize this window for later reference.

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

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

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

I have videos for both Mac and Windows; hopefully Linux is similar.

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

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

Success?

Čítať túto odpoveď v kontexte 1
Citácia

Ďalšie informácie o systéme

Nainštalované zásuvné moduly

  • Shockwave Flash 30.0 r0

Aplikácie

  • Identifikácia prehliadača: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:61.0) Gecko/20100101 Firefox/61.0

Viac informácií

WestEnd
  • Top 10 Contributor
53 riešení 2693 odpovedí

Did you try the keyboard function. Cntrl +/- to zoom in and out? And unless FF has a setting to change font size defaults you will be stuck with the default font size.

Did you try the keyboard function. Cntrl +/- to zoom in and out? And unless FF has a setting to change font size defaults you will be stuck with the default font size.
Pomohlo vám to? 0
Citácia

Autor otázky

The "Cntrl +/- to zoom in and out" only addresses the webpages. It does not affect the FF application ie. menus, bookmark text, toolbar, etc.

The "default font size" in options menu also affects the webpages, not the FF GUI.

yikes - another update a few minutes ago... now 'layout.css.devPixelsPerPx' has been removed :/

The "Cntrl +/- to zoom in and out" only addresses the webpages. It does not affect the FF application ie. menus, bookmark text, toolbar, etc. The "default font size" in options menu also affects the webpages, not the FF GUI. yikes - another update a few minutes ago... now 'layout.css.devPixelsPerPx' has been removed :/

Upravil(a) Darrtz dňa

Pomohlo vám to?
Citácia
jscher2000
  • Top 10 Contributor
7530 riešení 61378 odpovedí

Hi Darrtz, one method is this two-part approach:

(1) Set layout.css.devPixelsPerPx to a size that works well for the UI

(2) Use an extension to reduce the default level on web pages if that is too large

For example, if you have the following extension, you could try 80%:

https://addons.mozilla.org/firefox/addon/zoom-page-we/

The global zoom setting is a little hard to spot on its Options page. It's about half-way down:

Note: that screen shot is from several months ago; I haven't checked it lately.

Hi Darrtz, one method is this two-part approach: (1) Set '''layout.css.devPixelsPerPx''' to a size that works well for the UI (2) Use an extension to '''reduce''' the default level on web pages if that is too large For example, if you have the following extension, you could try 80%: https://addons.mozilla.org/firefox/addon/zoom-page-we/ The global zoom setting is a little hard to spot on its Options page. It's about half-way down: <center><img src="https://prod-cdn.sumo.mozilla.net/uploads/images/2018-05-31-09-06-36-938758.png"></center> ''Note: that screen shot is from several months ago; I haven't checked it lately.''
Pomohlo vám to?
Citácia

Autor otázky

Hi jscher2000,

For some reason, the setting with 'layout.css.devPixelsPerPx' seems to affect the spacing in some undesireable way. By the time you get the font the size you want, the spacing looks terrible. You end up with a browser that looks like 'made for a commodore computer' :/

The issue with that app is that any enlargement affects the website layout... ie. If something is center placed, the app will render it of to one side - the more you enlarge, the more out of position the web design become.

I forgot to mention - I am using FF linux. The FF in windows is a bit more forgiving with how it looks...even tho I sure do miss that old app to set text and UI on the older versions of FF. The developer of the app says that unfortunately due to changes in FF, the only thing their app can do is change colors.

But thanks for the suggest tho - If this is the only solution, I suppose that there's not much I would be able to do to get it to look to the old comfortable feel.

Hi jscher2000, For some reason, the setting with 'layout.css.devPixelsPerPx' seems to affect the spacing in some undesireable way. By the time you get the font the size you want, the spacing looks terrible. You end up with a browser that looks like 'made for a commodore computer' :/ The issue with that app is that any enlargement affects the website layout... ie. If something is center placed, the app will render it of to one side - the more you enlarge, the more out of position the web design become. I forgot to mention - I am using FF linux. The FF in windows is a bit more forgiving with how it looks...even tho I sure do miss that old app to set text and UI on the older versions of FF. The developer of the app says that unfortunately due to changes in FF, the only thing their app can do is change colors. But thanks for the suggest tho - If this is the only solution, I suppose that there's not much I would be able to do to get it to look to the old comfortable feel.

Upravil(a) Darrtz dňa

Pomohlo vám to?
Citácia
WestEnd
  • Top 10 Contributor
53 riešení 2693 odpovedí

Darrtz said

I forgot to mention - I am using FF linux. The FF in windows is a bit more forgiving with how it looks...even tho I sure do miss that old app to set text and UI on the older versions of FF. The developer of the app says that unfortunately due to changes in FF, the only thing their app can do is change colors.

have you looked at any userChrome.css mods to see if they something that does what you're looking for then?

''Darrtz [[#answer-1141760|said]]'' <blockquote> I forgot to mention - I am using FF linux. The FF in windows is a bit more forgiving with how it looks...even tho I sure do miss that old app to set text and UI on the older versions of FF. The developer of the app says that unfortunately due to changes in FF, the only thing their app can do is change colors. </blockquote> have you looked at any userChrome.css mods to see if they something that does what you're looking for then?

Upravil(a) WestEnd dňa

Pomohlo vám to?
Citácia
jscher2000
  • Top 10 Contributor
7530 riešení 61378 odpovedí

Darrtz said

For some reason, the setting with 'layout.css.devPixelsPerPx' seems to affect the spacing in some undesireable way. You end up with a browser that looks like 'made for a commodore computer' :/

Does Linux not allow small adjustments? For example: 1.33 for 133%, 1.5 for 150%, etc.? Are you forced to scale up much more than you need?

The issue with that app is that any enlargement affects the website layout... ie. If something is center placed, the app will render it of to one side - the more you enlarge, the more out of position the web design become.

This is a problem with the Zoom Page WE extension? I was not aware of that.

If this is the only solution, I suppose that there's not much I would be able to do to get it to look to the old comfortable feel.

This isn't the only approach, but believe it or not, it's the easiest. You boost the overall scaling first, then use an extension to reduce zoom on documents.

If that doesn't work, you can apply custom style rules to the toolbar area using a userChrome.css file. I suggest asking for some rules on this forum:

https://www.reddit.com/r/FirefoxCSS/

For more information on how to set up the userChrome.css file, see my page here: https://www.userchrome.org/how-create-userchrome-css.html -- you'll notice I don't have specific steps for Linux because I don't use it. Maybe someday!

''Darrtz [[#answer-1141760|said]]'' <blockquote> For some reason, the setting with 'layout.css.devPixelsPerPx' seems to affect the spacing in some undesireable way. You end up with a browser that looks like 'made for a commodore computer' :/</blockquote> Does Linux not allow small adjustments? For example: 1.33 for 133%, 1.5 for 150%, etc.? Are you forced to scale up much more than you need? <blockquote>The issue with that app is that any enlargement affects the website layout... ie. If something is center placed, the app will render it of to one side - the more you enlarge, the more out of position the web design become.</blockquote> This is a problem with the Zoom Page WE extension? I was not aware of that. <blockquote>If this is the only solution, I suppose that there's not much I would be able to do to get it to look to the old comfortable feel. </blockquote> This isn't the only approach, but believe it or not, it's the easiest. You boost the overall scaling first, then use an extension to reduce zoom on documents. If that doesn't work, you can apply custom style rules to the toolbar area using a '''userChrome.css''' file. I suggest asking for some rules on this forum: https://www.reddit.com/r/FirefoxCSS/ For more information on how to set up the userChrome.css file, see my page here: https://www.userchrome.org/how-create-userchrome-css.html -- you'll notice I don't have specific steps for Linux because I don't use it. Maybe someday!
Pomohlo vám to?
Citácia

Autor otázky

I set the 'layout.css.devPixelsPerPx' scaling to 1.25 and is satisfactory for the webpages.

However the FF UI text is still very tiny... like a legal contract on this 22" monitor.

I did try wkipedia's css workaround by adding CSS to the profile, but could not get it to show nor work.

I set the 'layout.css.devPixelsPerPx' scaling to 1.25 and is satisfactory for the webpages. However the FF UI text is still very tiny... like a legal contract on this 22" monitor. I did try wkipedia's css workaround by adding CSS to the profile, but could not get it to show nor work.

Upravil(a) Darrtz dňa

Pomohlo vám to?
Citácia
jscher2000
  • Top 10 Contributor
7530 riešení 61378 odpovedí

Darrtz said

I set the 'layout.css.devPixelsPerPx' scaling to 1.25 and is satisfactory for the webpages. However the FF UI text is still very tiny... like a legal contract on this 22" monitor.

That is exactly where we started.

What if you increase layout.css.devPixelsPerPx to a higher value such as 1.5, 1.75 or 2.0 ? I would expect the toolbar area to become more readable, and the content would need to be zoomed out to better fit the window.

That's where the rest of my original reply comes in, using an extension to lower the default zoom level for websites globally.

Darrtz said

I did try wkipedia's css workaround by adding CSS to the profile, but could not get it to show nor work.

I don't know how Wikipedia is relevant. You should only use CSS targeted specifically to what you want to change.

''Darrtz [[#answer-1141774|said]]'' <blockquote> I set the 'layout.css.devPixelsPerPx' scaling to 1.25 and is satisfactory for the webpages. However the FF UI text is still very tiny... like a legal contract on this 22" monitor. </blockquote> That is exactly where we started. What if you increase '''layout.css.devPixelsPerPx''' to a higher value such as 1.5, 1.75 or 2.0 ? I would expect the toolbar area to become more readable, and the content would need to be zoomed out to better fit the window. That's where the rest of my original reply comes in, using an extension to lower the default zoom level for websites globally. ''Darrtz [[#answer-1141774|said]]'' <blockquote>I did try wkipedia's css workaround by adding CSS to the profile, but could not get it to show nor work. </blockquote> I don't know how Wikipedia is relevant. You should only use CSS targeted specifically to what you want to change.
Pomohlo vám to?
Citácia
cor-el
  • Top 10 Contributor
  • Moderator
16459 riešení 148488 odpovedí

Could you attach a screenshot?

Could you attach a screenshot? *https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem *use a compressed image type like PNG or JPG to save the screenshot
Pomohlo vám to?
Citácia

Autor otázky

@cor-el

Note - the images are slightly enlarged for readeability:

As you can see, the text in the webpage is perfect for me. However, notice the the location address and the rest of the UI text.

This has been an ongoing problem posted at many linux distribution forums for some time now.

In the past it was not an issue 'cause it looked normal.

In windows 10, it has degraded a bit too - but not as bad as linux.

The workarounds with some addons helped... but now there are none.

@jscher2000

The 'Page Zoom WE' leaves much to be desired. The balancing act between the addon and manually adjusting 'layout.css.devPixelsPerPx' and zoom out just doesn't give me a desireable looking environment.

BTW - the small icons in toolbar do enlarge with 'layout.css.devPixelsPerPx' but not the text relating to the icon.

            and...

The zoom only works on the webpage and not the UI.

@cor-el Note - the images are slightly enlarged for readeability: As you can see, the text in the webpage is perfect for me. However, notice the the location address and the rest of the UI text. This has been an ongoing problem posted at many linux distribution forums for some time now. In the past it was not an issue 'cause it looked normal. In windows 10, it has degraded a bit too - but not as bad as linux. The workarounds with some addons helped... but now there are none. @jscher2000 The 'Page Zoom WE' leaves much to be desired. The balancing act between the addon and manually adjusting 'layout.css.devPixelsPerPx' and zoom out just doesn't give me a desireable looking environment. BTW - the small icons in toolbar do enlarge with 'layout.css.devPixelsPerPx' but not the text relating to the icon. and... The zoom only works on the webpage and not the UI.

Upravil(a) Darrtz dňa

Pomohlo vám to?
Citácia
jscher2000
  • Top 10 Contributor
7530 riešení 61378 odpovedí

Vybrané riešenie

Here's an example using a userChrome.css file:

(A) Select and copy all of the following code

/* Classic Menu Bar (windows only?) */
#toolbar-menubar .menubar-text,
#toolbar-menubar menuitem, 
#toolbar-menubar menu {
  font-size: 14px !important;
}

/* Tab bar */
#TabsToolbar {
  font-size: 14px !important;
}

/* Main Toolbar */
#nav-bar {
  font-size: 14px !important;
}

/* Bookmarks Toolbar */
#PersonalToolbar, 
#PersonalToolbar menuitem,
#PersonalToolbar menu {
  font-size: 16px !important;
}

/* Context menus (this is not all of them) */
menupopup[id*="ContextMenu"] menuitem,
menupopup[id*="ContextMenu"] menu, 
#placesContext menuitem, 
#placesContext menu, 
#backForwardMenu menuitem {
  font-size: 14px !important;
}

(B) Generate and download a userChrome.css file

Open the following page and paste the rules into the editor:

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

(See first attached screenshot)

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

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

Minimize this window for later reference.

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

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

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

I have videos for both Mac and Windows; hopefully Linux is similar.

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

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

Success?

Here's an example using a userChrome.css file: '''(A) Select and copy all of the following code''' <pre>/* Classic Menu Bar (windows only?) */ #toolbar-menubar .menubar-text, #toolbar-menubar menuitem, #toolbar-menubar menu { font-size: 14px !important; } /* Tab bar */ #TabsToolbar { font-size: 14px !important; } /* Main Toolbar */ #nav-bar { font-size: 14px !important; } /* Bookmarks Toolbar */ #PersonalToolbar, #PersonalToolbar menuitem, #PersonalToolbar menu { font-size: 16px !important; } /* Context menus (this is not all of them) */ menupopup[id*="ContextMenu"] menuitem, menupopup[id*="ContextMenu"] menu, #placesContext menuitem, #placesContext menu, #backForwardMenu menuitem { font-size: 14px !important; } </pre> '''(B) Generate and download a''' <code>userChrome.css</code> '''file''' Open the following page and paste the rules into the editor: https://www.userchrome.org/download-userchrome-css.html (See first attached screenshot) Then click "Generate CSS File" and save the userChrome.css file to your computer. (See second attached screenshot) Use the downloads list on the toolbar to open the downloads folder directly to the new userChrome.css file. (See third attached screenshot) Minimize this window for later reference. '''(C) Create a new''' <code>chrome</code> '''folder in your profile folder''' The following article has the detailed steps for that (#1, #2, and I recommend #3) https://www.userchrome.org/how-create-userchrome-css.html ''I have videos for both Mac and Windows; hopefully Linux is similar.'' '''(D) Move the''' <code>userChrome.css</code> '''file you generated in Step B into the''' <code>chrome</code> '''folder you created in Step C''' The next time you quit Firefox and start it up again, it should discover that file and apply the rules. Success?
Pomohlo vám to? 1
Citácia

Autor otázky

Excelent ! :D

Just tweaked them down to 12px and all is good.

I remember when Firefox had this available in the profile.

Thanks jscher2000 :)

Excelent ! :D Just tweaked them down to 12px and all is good. I remember when Firefox had this available in the profile. Thanks jscher2000 :)

Upravil(a) Darrtz dňa

Pomohlo vám to?
Citácia
Položiť otázku

Ak chcete pridať odpoveď, musíte sa prihlásiť k svojmu účtu. Ak účet doteraz nemáte, položte novú otázku.