Mozilla VPN is currently experiencing an outage. Our team is actively working to resolve the issue. Please check the status page for real-time updates. Thank you for your patience.

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

How to increase size of header bar so that I can view the theme more clearly?

more options

I can't clearly see and enjoy the themes I am downloading as the header area is very small. How can I increase my header area with least objects covering the background?

I can't clearly see and enjoy the themes I am downloading as the header area is very small. How can I increase my header area with least objects covering the background?

Chosen solution

You would have to enable all toolbars to have them visible. You can have an extra toolbar available with the Classic Theme Restorer extension.

To see more of the Persona you can set a min-height to the navigator-toolbox with code in the userChrome.css file or by using the Stylish extension.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#navigator-toolbox { min-height:200px !important; box-shadow:ThreeDShadow 0 -1px inset; }

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

Ler a resposta no contexto 👍 1

All Replies (2)

more options

Chosen Solution

You would have to enable all toolbars to have them visible. You can have an extra toolbar available with the Classic Theme Restorer extension.

To see more of the Persona you can set a min-height to the navigator-toolbox with code in the userChrome.css file or by using the Stylish extension.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#navigator-toolbox { min-height:200px !important; box-shadow:ThreeDShadow 0 -1px inset; }

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

more options

Thank you the stylish extension solution was easy to do.