MozillaZine


urlbar font size

Discussion of general topics about Mozilla Firefox
FineWine

User avatar
 
Posts: 227
Joined: July 16th, 2004, 12:21 am

Post Posted August 8th, 2021, 4:33 pm

Code: Select all
#urlbar {
    -moz-appearance: none !important;
     font-size: **px !important;
}

This works for me sort of, but when I increase the font-size it increases the actual #urlbar-input-container width (not length) which then increases the whole location toolbar width. There appears to be loads of inherit padding top & bottom within the url box. So all I want to do is increase the font size of the inherit font family nothing else.

Nestea

User avatar
 
Posts: 154
Joined: February 8th, 2007, 2:45 am

Post Posted August 14th, 2021, 10:10 am

try #urlbar-input

FineWine wrote:...
This works for me sort of, but when I increase the font-size it increases the actual #urlbar-input-container width (not length) which ....

i dont think i understand. do you mean height? @ length

FineWine

User avatar
 
Posts: 227
Joined: July 16th, 2004, 12:21 am

Post Posted August 14th, 2021, 3:58 pm

Thanks but no-go. Also #urlbar-input-container does not work.

Using default settings
Image

userChrome.css
Code: Select all
*#main-window .searchbar-textbox, #urlbar, #searchbar {
    font-family: arial !important;
    font-size: 1.4em !important;
    font-weight: bold !important;
}

Image

When I try to just increase the Font size it increases the container internal height, therefore increases the entire Toolbar height, as indicated by the red arrows
Image
Notice the large gap, in all the shots, between the green container box border and the actual text within the box. This also occurs within the identity-box. I have tried various padding and margin adjustments but I suppose I am not getting the elements id correct or some such.

So what I want to do is to decrease that gap between the font and the box border and also make the container the same height as the icons outside of the box, whilst increasing the url font size without altering the box height. I know it will be a fine balance between the two.

LewS
 
Posts: 166
Joined: January 28th, 2014, 2:18 pm

Post Posted August 14th, 2021, 9:01 pm

This code may work - works for me on Mac,

#urlbar .urlbar-input-box {
max-height: 30px !important;
margin-bottom: -1px !important;
font-weight: 600 !important;
font-size: 17pt !important;}

Nestea

User avatar
 
Posts: 154
Joined: February 8th, 2007, 2:45 am

Post Posted August 15th, 2021, 3:34 am

yea. max-height seems to do the trick

Image

I have
Code: Select all
#urlbar-input {
font-size: 22px !important;
max-height: 22px !important;
}

FineWine

User avatar
 
Posts: 227
Joined: July 16th, 2004, 12:21 am

Post Posted August 15th, 2021, 4:33 pm

Thanks to both of you. I was over thinking it all, as usual. This is what nailed it:

Code: Select all
#urlbar-input  {
    max-height: 30px; !important;
    margin-bottom: -1px !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
}

I took away the font-family. The max-height constrained the box and the margin-bottom ensured the text was centred, whilst em value ensured scalability.

BruceAWittmeier

User avatar
 
Posts: 2717
Joined: June 9th, 2008, 10:53 am
Location: Near 37.501685 -80.147967

Post Posted August 21st, 2021, 6:12 am

FineWine wrote:Thanks to both of you. I was over thinking it all, as usual. This is what nailed it:

Code: Select all
#urlbar-input  {
    max-height: 30px; !important;  <<<<<<<<<<<
    margin-bottom: -1px !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
}

I took away the font-family. The max-height constrained the box and the margin-bottom ensured the text was centred, whilst em value ensured scalability.


I noticed you have a semi-colon after the 30px; Is that correct?
max-height: 30px; !important;
"I often take a very long windy road to my destination. When I arrive I often wonder how I missed the shortcut".

Nestea

User avatar
 
Posts: 154
Joined: February 8th, 2007, 2:45 am

Post Posted August 21st, 2021, 10:54 am

BruceAWittmeier wrote:........
Is that correct?
max-height: 30px; !important;

no. he probably just appended !important instead of inserting it

FineWine

User avatar
 
Posts: 227
Joined: July 16th, 2004, 12:21 am

Post Posted August 21st, 2021, 3:20 pm

Nestea wrote:
BruceAWittmeier wrote:........
Is that correct?
max-height: 30px; !important;

no. he probably just appended !important instead of inserting it

Typo, as I did not cut & paste the code post as I am trying to learn to do things long hand because I learn better that way.

Return to Firefox General


Who is online

Users browsing this forum: No registered users and 1 guest