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

This thread was archived. Please ask a new question if you need help.

Tabs on Bottom - remove transparent line?

  • 2 replies
  • 2 have this problem
  • 9 views
  • Last reply by Slouch

Slouch
Slouch
more options

I noticed after including this css code in my userChrome.css... 

  https://www.userchrome.org/samples/userChrome-tabs_on_bottom.css

the tabs do appear at the bottom, however there is a single-pixel high transparent line under #TabsToolbar, and right above the start of page content.

I can see my desktop icons through it, or whatever window happens to be open underneath.

Is there a way to eliminate the transparent line?

Please see attached images. Thanks!

I noticed after including this css code in my userChrome.css... https://www.userchrome.org/samples/userChrome-tabs_on_bottom.css the tabs do appear at the bottom, however there is a single-pixel high transparent line under #TabsToolbar, and right above the start of page content. I can see my desktop icons through it, or whatever window happens to be open underneath. Is there a way to eliminate the transparent line? Please see attached images. Thanks!
Attached screenshots

Modified by Slouch

Chosen solution

hi,

I do not use fireofx quantum so I cannot tell you exactly, but if you experiment with changing line 11 on the css file that you got from userchrome.org, it might solve your problem 

#TabsToolbar { /* tab bar */
 -moz-box-ordinal-group: 3 !important;
 padding-top: 1 !important;    /* this is the line 11, change value from 0 to 0px or 1px  */
}
Read this answer in context 👍 1

All Replies (2)

androdebugur
androdebugur
more options

Chosen Solution

hi,

I do not use fireofx quantum so I cannot tell you exactly, but if you experiment with changing line 11 on the css file that you got from userchrome.org, it might solve your problem 

#TabsToolbar { /* tab bar */
 -moz-box-ordinal-group: 3 !important;
 padding-top: 1 !important;    /* this is the line 11, change value from 0 to 0px or 1px  */
}

Modified by androdebugur

Slouch
Slouch Question owner
more options

Actually, I changed this item from 1 to 0, and it solved the issue...

  1. TabsToolbar { 
  margin-bottom:0px !important;

}