[help] Bookmark line font change, How to do it? In userChrome, how?

Hi,

I play with userChrome.css since yesterday. Have one problem with changing fonts of this part of Firefox (marked red).

Can anybody help me with this??

Thanks in advance

Jack

#277861

if im not mistaken, that font is the same as the font used in your visual style.

#277902

the item to style with css is

toolbarbutton.bookmark-item { font-family: suchandsuch;; }

#277977

Thanks a lot :-D

It works perfectly !!!

#278180

Maybe you can see (just belo the red arrow top) that my active bookmark color is not-very-much visible, cause of the grey color. Maybe you know as well how to change the color to black ??

Thanks again

Jack

#278183

i think you should just be able to style the tag element...

i.e. tab { color: black !important; }

#278482

This did not work in my case.

What am I doing wrong??

#279005

i think u may need the tabbrowser extention. there was a modded one posted here in the forums. search for it. it did the trick for me

#280521

Thanks for the hints, guys.

It's OK now - problem solved via userChrome.css

#280531

hey jack, glad that everything worked out for you. mind sharing with us how you managed to change the font color of the tab extension via css? there are 2 css files in my profile, which one should i edit? and what strings should i add/modify? cheers

#280931

Hi genosypheus,

I asked in other foums this question and got a couple of hints. It was not as straight as I would think cause this required more parts in userChrome.css than one. Which one helped - really I am not sure now, but my userChrome.css looks now like this (I have only userChrome.css and modified by experimenting only this file):

/* Menu Font */

menubar, menubutton, menulist, menu, menuitem

{

font-family: HandelGotDLig_PL !important;

font-size: 8pt !important;}

/* Address line font, Bookmark menu panel, status line */

treechildren {

font-size: 3.3mm !important;

font-family: HandelGotDLig_PL !important;}

/* Bookmar line font */

#bookmarks-stack *{font-family:HandelGotDLig_PL !important;}

/* Status line font */

window {

font-size: 3.1mm !important;

font-family: HandelGotDLig_PL !important;}

/* Bookmarks font */

.tabbrowser-tabs .tab-text {

font-family: HandelGotDLig_PL !important;

font-size: 3mm !important;

color: Black !important;

}

/* Change address bar font */

#urlbar{

font-family: Microsoft Sans Serif !important;

font-size: 9pt !important;

}

Hope it'll help ya

#280979

/* Bookmarks font */

.tabbrowser-tabs .tab-text {

font-family: HandelGotDLig_PL !important;

font-size: 3mm !important;

color: Black !important;

}

This really helps! Thank you!

#281007

You're wellcome :cool:

#281012