This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

FF 7x. Decrease font size in search bar.

  • 3 antwoorde
  • 1 het hierdie probleem
  • 1 view
  • Laaste antwoord deur cor-el

booya
booya
more options

I recently started using the new version of FF and gradually trying to customize it for myself. Now I am faced with such a problem. The font size in this field is too large.

My userChrome.css file already has some changes that I made to change the view. What do I need to add? I can only partially imagine what each entry in this file is responsible for. 

/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important; /* fix for full screen mode */
 --tab-min-height: 25px !important;
}
:root #tabbrowser-tabs {
 --tab-min-height: 25px !important;
}
#TabsToolbar {height: var(--tab-min-height) !important;}



#navigator-toolbox {
  display: flex;
  flex-direction: column;
}

#titlebar {
  order: 2;
}

#tabbrowser-tabs {
  --tab-min-height: 18px !important;
  margin-left: 0px !important;
  height: 15px !important;
}



:root[uidensity=compact] #urlbar,
:root[uidensity=compact] .searchbar-textbox {
  font-size: unset !important;
  min-height: 20px !important;
}

:root[uidensity=compact] #identity-box {
  max-height: 20px;
}

:root[uidensity=compact] #nav-bar .toolbarbutton-1 {
  padding: 0px !important;
}

/* Compatibility with auto-hide.css */
:root[uidensity=compact] #navigator-toolbox {
  --nav-bar-height: 20px !important;
}



#nav-bar {
  border-top: 0 !important;
}

toolbar#TabsToolbar
{
    -moz-appearance: none !important;
    background-color: #535556 !important;
}
I recently started using the new version of FF and gradually trying to customize it for myself. Now I am faced with such a problem. The font size in this field is too large. My userChrome.css file already has some changes that I made to change the view. What do I need to add? I can only partially imagine what each entry in this file is responsible for. ------------------------------------------------------------------------- <pre><nowiki>/* TABS: height */ :root { --tab-toolbar-navbar-overlap: 0px !important; /* fix for full screen mode */ --tab-min-height: 25px !important; } :root #tabbrowser-tabs { --tab-min-height: 25px !important; } #TabsToolbar {height: var(--tab-min-height) !important;} #navigator-toolbox { display: flex; flex-direction: column; } #titlebar { order: 2; } #tabbrowser-tabs { --tab-min-height: 18px !important; margin-left: 0px !important; height: 15px !important; } :root[uidensity=compact] #urlbar, :root[uidensity=compact] .searchbar-textbox { font-size: unset !important; min-height: 20px !important; } :root[uidensity=compact] #identity-box { max-height: 20px; } :root[uidensity=compact] #nav-bar .toolbarbutton-1 { padding: 0px !important; } /* Compatibility with auto-hide.css */ :root[uidensity=compact] #navigator-toolbox { --nav-bar-height: 20px !important; } #nav-bar { border-top: 0 !important; } toolbar#TabsToolbar { -moz-appearance: none !important; background-color: #535556 !important; } </nowiki></pre> -------------------------------------------------------------------------
Aangehegde skermkiekies

Gewysig op deur cor-el

Gekose oplossing

You need to add a unit (px). 

#urlbar, .searchbar-textbox {
  font-size: 14px !important;
  min-height: 20px !important;
}
Lees dié antwoord in konteks 👍 1

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You unset the font-size with this CSS code for Density:Compact. 

:root[uidensity=compact] #urlbar,
:root[uidensity=compact] .searchbar-textbox {
  font-size: unset !important;
  min-height: 20px !important;
}

You need to set a specific font-size, maybe best is not to specify the uidensity. 

#urlbar, .searchbar-textbox {
  font-size: 14px !important;
  min-height: 20px !important;
}

Gewysig op deur cor-el

booya
booya Vraag-eienaar
more options

Thanks for the answer! Does not work :( Even if I enter this:

root[uidensity=compact] #urlbar,
root[uidensity=compact] .searchbar-textbox { 
 font-size: 8 !important;
 min-height: 20px !important;

}

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Gekose oplossing

You need to add a unit (px). 

#urlbar, .searchbar-textbox {
  font-size: 14px !important;
  min-height: 20px !important;
}