Page 1 of 1

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

PostPosted: Sat Apr 26, 2008 5:11 pm
by 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!

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

PostPosted: Sat Apr 26, 2008 6:19 pm
by 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;
}

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

PostPosted: Sun Apr 27, 2008 7:40 pm
by 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!

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

PostPosted: Tue Apr 29, 2008 9:01 pm
by 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. :wink: