Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

New Tab customization in firefox 99

  • 3 replies
  • 1 has this problem
  • 26 views
  • Last reply by look4

more options

hello there , I am posting this question for the second time since I can't see the previous one anywhere. Can someone help me with css to customize the New Tab top-sites(shortcuts) labels. I would like to change the font-size and color of the labels. My previous userContent.css does not work since FF94. Hope there is a way. look4

hello there , I am posting this question for the second time since I can't see the previous one anywhere. Can someone help me with css to customize the New Tab top-sites(shortcuts) labels. I would like to change the font-size and color of the labels. My previous userContent.css does not work since FF94. Hope there is a way. look4

Modified by cor-el

Chosen solution

Hi cor-el Thanks , I did take your advise and found the "inspect" very useful indeed. There is one thing though , I have not been able to figure out. I find the top-site title font very bold and big - the "inspect" shows the reason why. the font is defined as caption(font>caption) inherited from div. I couldn't find a way to disable the inheritance and set my own font(family,size, weight) , that is really beyond my humble knowledge of css. Could you assist me here? look4

Read this answer in context 👍 0

All Replies (3)

more options

I don't think anyone on here will be able to do what your asking on here. They could check if the css you created works as programmed but I don't think anyone here will do a css code for you. And you might have go to the site where you got the previous css code and ask users there if someone created a css that matches what your asking.

Helpful?

more options

What code were you previously using in userContent.css ?

You can use the Inspector to check the layout and CSS rules.

You can right-click and select "Inspect" to open the built-in Inspector with this element selected.

See also this CSS file for the new tab page:

  • chrome://activity-stream/content/css/activity-stream.css

It's a generated file and not present as a single file in the source code.

Helpful?

more options

Chosen Solution

Hi cor-el Thanks , I did take your advise and found the "inspect" very useful indeed. There is one thing though , I have not been able to figure out. I find the top-site title font very bold and big - the "inspect" shows the reason why. the font is defined as caption(font>caption) inherited from div. I couldn't find a way to disable the inheritance and set my own font(family,size, weight) , that is really beyond my humble knowledge of css. Could you assist me here? look4

Helpful?

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.