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

Support Forum

Is there a way to change the tabs' font to BOLD?

Posted

Hi all, Is there a way in about:config to change the tab font to be bold? Or to change it to a font that is automatically bold (like Aharoni, for ex.)? Thanks! PS, if this requires a css file, I will have a LOT more questions, as I have never written one of those and being somewhat elderly, have never taken a computer course.

Hi all, Is there a way in about:config to change the tab font to be bold? Or to change it to a font that is automatically bold (like Aharoni, for ex.)? Thanks! PS, if this requires a css file, I will have a LOT more questions, as I have never written one of those and being somewhat elderly, have never taken a computer course.

Chosen solution

Yes, you are correct throw in

#TabsToolbar .tabbrowser-tab .tab-content {
  font-weight: 800 !important; }

the css file you already made for tabs on the bottom and save it, and exit and restart firefox and it should have made the tab font bolder.

Read this answer in context 1
Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0

More Information

Lirui 2 solutions 9 answers

Helpful Reply

adding the following css in the userContent.css file

```css

#TabsToolbar .tabbrowser-tab .tab-content {
   font-weight: 800 !important;

} ```

if you want to customize firefox, there is a repo you may be interested in

https://github.com/Aris-t2/CustomCSSforFx

adding the following css in the userContent.css file ```css #TabsToolbar .tabbrowser-tab .tab-content { font-weight: 800 !important; } ``` if you want to customize firefox, there is a repo you may be interested in https://github.com/Aris-t2/CustomCSSforFx

Modified by evhenry

Was this helpful to you? 1
Quote

Question owner

Thanks very much for this. I already have a css file - the purpose is to put tabs on bottom. I definitely did not write it - just copied it from the web.

Do I take the code you have above and tack it onto the end of the one I already have? Or do I create a different css file for this?

Thank you so very much!

PS - I looked at the link you included, the "repo" and it was like Greek to me. No clue what it's even trying to teach me. You youngsters are so lucky that this is what you are all growing up with, and that it seems self-evident. :)

Thanks very much for this. I already have a css file - the purpose is to put tabs on bottom. I definitely did not write it - just copied it from the web. Do I take the code you have above and tack it onto the end of the one I already have? Or do I create a different css file for this? Thank you so very much! PS - I looked at the link you included, the "repo" and it was like Greek to me. No clue what it's even trying to teach me. You youngsters are so lucky that this is what you are all growing up with, and that it seems self-evident. :)

Modified by CatsinQ

Was this helpful to you?
Quote
evhenry
  • Top 25 Contributor
  • Administrator
33 solutions 188 answers

Chosen Solution

Yes, you are correct throw in

#TabsToolbar .tabbrowser-tab .tab-content {
  font-weight: 800 !important; }

the css file you already made for tabs on the bottom and save it, and exit and restart firefox and it should have made the tab font bolder.

Yes, you are correct throw in #TabsToolbar .tabbrowser-tab .tab-content { font-weight: 800 !important; } the css file you already made for tabs on the bottom and save it, and exit and restart firefox and it should have made the tab font bolder.
Was this helpful to you? 1
Quote
Lirui 2 solutions 9 answers

Oh, sorry. I thought you're a developer.

if you're using Mac

Steps:

1. locate the firefox user profile folder

in `Finder`: `Command+shift+G` input `/Users/lirui/Library/Application Support/Firefox/Profiles` if u are using `Firefox`(this is the folder firefox save all the user-related settings, bookmarks, extension, ...etc)

2. go into the folder looking like`******.default`,

3. create a file named `userChrome.css` (if not existed in the folder)

4. open the file and add the following code(from "#" to "}")

\#TabsToolbar .tabbrowser-tab .tab-content {

  font-weight: 800 !important;

}


5. restart firefox

If you're using Windows

1. the first step is different from mac, ref. to https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data to locate the user profile folder.

2. follow step 2-5

Oh, sorry. I thought you're a developer. '''if you're using Mac''' Steps: 1. locate the firefox user profile folder in `Finder`: `Command+shift+G` input `/Users/lirui/Library/Application Support/Firefox/Profiles` if u are using `Firefox`(this is the folder firefox save all the user-related settings, bookmarks, extension, ...etc) 2. go into the folder looking like`******.default`, 3. create a file named `userChrome.css` (if not existed in the folder) 4. open the file and add the following code(from "#" to "}") \#TabsToolbar .tabbrowser-tab .tab-content { font-weight: 800 !important; } 5. restart firefox '''If you're using Windows''' 1. the first step is different from mac, ref. to https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data to locate the user profile folder. 2. follow step 2-5

Modified by Lirui

Was this helpful to you? 1
Quote

Question owner

THANKS YOU GUYS!!! IT WORKED!!!~

THANKS YOU GUYS!!! IT WORKED!!!~
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.