MozillaZine

FF57 - how to reduce width of URL box

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

Post Posted December 1st, 2017, 9:42 am

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; }

RobertJ
Moderator

User avatar
 
Posts: 10331
Joined: October 15th, 2003, 7:40 pm
Location: Chicago IL/Oconomowoc WI

Post Posted December 1st, 2017, 9:55 am

.
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 57.0.2 - FF 58b11 - Palemoon 27.3.0 - TB 52.5 - Mac OSX 10.13.2
Computers I've used: IBM 7094/UNIVAC 1108/IBM 360/DEC PDP11/DEC VAX-11 780/DEC VAXstation 8000/Sun SPARCstation 2/Mac from 1984 to 2017

Ed1
 
Posts: 859
Joined: January 30th, 2005, 2:33 pm

Post Posted December 1st, 2017, 10:05 am

Thanks!! Works great!

RobertJ
Moderator

User avatar
 
Posts: 10331
Joined: October 15th, 2003, 7:40 pm
Location: Chicago IL/Oconomowoc WI

Post Posted December 1st, 2017, 10:07 am

.
You're welcome.

.
FF 57.0.2 - FF 58b11 - Palemoon 27.3.0 - TB 52.5 - Mac OSX 10.13.2
Computers I've used: IBM 7094/UNIVAC 1108/IBM 360/DEC PDP11/DEC VAX-11 780/DEC VAXstation 8000/Sun SPARCstation 2/Mac from 1984 to 2017

Return to Firefox Support


Who is online

Users browsing this forum: medievil and 12 guests