FF57 - how to reduce width of URL box

User Help for Mozilla Firefox
Post Reply
Ed1
Posts: 1059
Joined: January 30th, 2005, 2:33 pm

FF57 - how to reduce width of URL box

Post by Ed1 »

Is there a way through .css code to reduce the maximum width of the address box (and search box) so that I have more room on the Nav bar for buttons?

I've tried this in userchrome.css, but it doesn't seem to work:

#urlbar-container { max-width: 400px !important; }

#search-container { max-width: 200px !important; }
User avatar
RobertJ
Moderator
Posts: 10880
Joined: October 15th, 2003, 7:40 pm
Location: Chicago IL/Oconomowoc WI

Re: FF57 - how to reduce width of URL box

Post by RobertJ »

.
Yes.

Code: Select all

/* THIS SETS THE WIDTH OF THE URL BAR TO 400 PIXELS, THE SEARCH BAR TO 350 PIXELS AND ADDS 4PX OF SPACE TO THE LEFT OF THE SEARCH BAR  */

#urlbar-container{
  max-width: 400px !important;
  min-width: 400px !important;
}

#search-container {
  max-width: 350px !important;
  min-width: 350px !important;
  margin-left: 4px !important;
}
Set to whatever you want.

.
FF 92.0 - TB 78.13 - Mac OSX 10.13.6
Ed1
Posts: 1059
Joined: January 30th, 2005, 2:33 pm

Re: FF57 - how to reduce width of URL box

Post by Ed1 »

Thanks!! Works great!
User avatar
RobertJ
Moderator
Posts: 10880
Joined: October 15th, 2003, 7:40 pm
Location: Chicago IL/Oconomowoc WI

Re: FF57 - how to reduce width of URL box

Post by RobertJ »

.
You're welcome.

.
FF 92.0 - TB 78.13 - Mac OSX 10.13.6
Post Reply