Hello all,
The text on the bookmarks toolbar of my Firefox appears to be approx. 2px lower than it should be when some themes are used. I know this because the text is not in sync with the circular hover images and the folder arrows.
I am currently using Mozilla Firefox version 2.0.0.4 with Vitae theme.
How would I adjust the height of the text on the bookmarks toolbar?
Thanks in advance.
How would I adjust the height of the text on the bookmarks toolbar?
/* Bookmarks Font */
.bookmark-item > .toolbarbutton-text {
margin-top: 4px !important;
}
That seems to move the text down 4px - add to your userChrome.css below the @namespace line - restart - and modify as required
Thanks for the reply!
I entered -4, but it seem to have screwed up the hovering image.
I know it's the font I'm using.
Is there a way to edit this in the .jar theme file?
I tried exploring with winrar, but i couldn't find anything since i'm no expert.
you could try changing the font used just in the bokmarks toolbar
/* Bookmarks Font */
.bookmark-item > .toolbarbutton-text {
font-family: Tahoma Small Cap Bold !important;
font-weight: bold !important;
font-size: 10px !important;
}
Same prob here, and it's not the font. I'm using Calibri and it looks exactly like on the screenshot...
edit: ok, i found the problem... will post it here when i fixed it
edit 2: okay.. just copy the 2 files attached in the "browser" folder of the .jar file and replace the old ones. It still doesnt look perfect ( the lower part of the "pressed" image) but better than before...
Open .jar (theme file); open browser/browser.css
Find
/* Prevent [mode="icons"] from hiding the label */
.bookmark-item > .toolbarbutton-text {
display: -moz-box !important;
height: 19px !important;
color:#000000 !important;
[B][U] padding-top: 4px !important; [/U][/B]
text-align: bottom !important;
}
padding-top: [B][U]4px[/U][/B] !important;
4px -> 2px
padding-top: [B][U]2px[/U][/B] !important;
Save browser.css in .jar/browser
Install + Restart in Firefox
To change text height on tabs:
Open .jar (theme file); open global/tabbox.css
Find
/* ..... tab text ..... */
.tab-text {
[B][U] margin: 0px 0px 0px 0px !important;[/U][/B]
text-align: top;
color:#000000 !important;
}
/* *|tab[beforeselected="true"] .tab-text {
[B][U] margin: 0px 0px 0px 0px !important;[/U][/B]
color:#000000 !important;
}
*|tab[selected="true"] .tab-text {
[B][U] margin: 0px 0px 0px 0px !important;[/U][/B]
color:#000000 !important;
}
*/
margin: 0px 0px [B][U]0px[/U][/B] 0px !important;
0 -> 2px
margin: 0px 0px [B][U]0px[/U][/B] 0px !important;
0 -> 2px
margin: 0px 0px [B][U]0px[/U][/B] 0px !important;
0 -> 2px
margin: 0px 0px [B][U]2px[/U][/B] 0px !important;
margin: 0px 0px [B][U]2px[/U][/B] 0px !important;
margin: 0px 0px [B][U]2px[/U][/B] 0px !important;
Save tabbox.css in .jar/global
Install + Restart in Firefox
Aqua-Soft Forums