How to change font for "profile guestbook recent" etc?

[jlamarca]

Hi, I'm not sure what the proper term for the menu strip along the top of my page is, so I'll call it the menu. I'm referring to the links for profile, guestbook, recent, treeview etc that run along the top of the page.

I'd like to reduce the font size of the menu.

I use my own CSS, which can be seen here: http://www.pbase.com/jlamarca/skeleton_coast

I've looked at other stylesheets where people have changed this size, for example Vikas' at http://www.pbase.com/vikasmal but his stylesheet is so different than mine I cannot figure out how to get his code working in my CSS.

Any help would be appreciated. Thanks!

[dang]

Hi,
You'll need to change the top section of your style sheet CSS as such:

Code: Select all

BODY,LI,UL,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5 {
  font-family: verdana,helvetica,sans-serif;
  font-size: 10pt;
  color : #AAAAAA;
  background : #202020;
}

The original lacks the "B" within the blockquote control, so changing font size didn't work for that section:

Code: Select all

BODY,LI,UL,
BLOCKQUOTE,P,I,H1,H2,H3,H4,H5 {
  font-family: verdana,helvetica,sans-serif;
  font-size: 13pt;
  color : #AAAAAA;
  background : #202020;
}

[jlamarca]

That worked, thanks! It is also affecting the font for the titles of each of my galleries, and I cannot figure out how to change the menu fonts without changing the gallery title font, but this is good enough for me.

Thanks!

[dang]

I'm not sure I understand exactly what you mean, but you can add further control for the thumbnail letter size (which I'm assuming is what you meant). Under the division section previously discussed, play with adding something like this:

Code: Select all

BODY,LI,UL,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5 {
  font-family: verdana,helvetica,sans-serif;
  font-size: 10pt;
  color : #AAAAAA;
  background : #202020;
}
font {
        width: 180px;
        margin-left: 4px;
        margin-right: 4px;
        display: block;
        color: rgb(180, 180, 180);
        font: 16px Verdana, Tahoma, Helvetica, sans-serif;
        letter-spacing: 0px;
}

Of course, it might affect something else since I didn't check with different browsers other than Firefox. Sometimes, we have to compromise.