Page 1 of 1
Changing default letter size (in .css file)
Posted: Thu Aug 30, 2007 3:13 pm
by xqTpx
Hi all,
i would like to change the default font size (letter size) of my homepage, but i'm not sure which part of the css file i should edit. As most of you are experts in that, would you mind to give me a hint

?
Homeapge:
http://www.seemannsreise.de
Even if the page is in german language, don't you think that the letters are a bit to small ?
Thanks for your oppinion and help!
Posted: Thu Aug 30, 2007 3:46 pm
by strcat
Its "font-size" in ".serendipity_entry".
Re: Changing default letter size (in .css file)
Posted: Thu Aug 30, 2007 3:51 pm
by yellowled
xqTpx wrote:i would like to change the default font size (letter size) of my homepage, but i'm not sure which part of the css file i should edit. As most of you are experts in that, would you mind to give me a hint

?
/template/YOURTEMPLATE/style.css
Currently, your stylesheet has font-size: small; for body. If you want to increase the overall font size, change it to font-size: normal;.
xqTpx wrote:Even if the page is in german language, don't you think that the letters are a bit to small ?
Nope, not in my Firefox. Even if so, I can still increase it using [Ctrl] + [+].
YL
Posted: Thu Aug 30, 2007 5:02 pm
by xqTpx
Hi,
thanks for your help.
body {
margin: 20px 0;
background: #FFFFFF;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666666;
}
This is in style.css but changing font only to normal will affect the navigation bar in the title of the page, but not the body

... ?
Any other hints

?
Posted: Thu Aug 30, 2007 6:42 pm
by yellowled
xqTpx wrote:
body {
margin: 20px 0;
background: #FFFFFF;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666666;
}
This is in style.css but changing font only to normal will affect the navigation bar in the title of the page, but not the body

... ?
Any other hints

?
First, try changing it to this:
Code: Select all
body {
margin: 20px 0;
background: #fff;
color: #666;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: normal;
}
If that doesn't do what you expect, you'll have to work your way through your stylesheet and look for font-sizes. Or you could tell us what you still want to have changed. I'll see what I can do
YL
Posted: Fri Aug 31, 2007 9:31 am
by xqTpx
thanks a lot for your help.
I've tryed your code but that only changes the taps "Home" "Bildergalerie" "Forum" etc ... and not the body.

Posted: Fri Aug 31, 2007 10:30 am
by yellowled
xqTpx wrote:thanks a lot for your help.
You're welcome.
xqTpx wrote:I've tryed your code but that only changes the taps "Home" "Bildergalerie" "Forum" etc ... and not the body.
Yeah, well, if you had taken a look at your stylesheet, you would have found:
Code: Select all
input, textarea {
font-size: x-small;
font-family: verdana, arial, helvetica, sans-serif;
}
th, td {
font-size: x-small;
}
Try setting these two to font-size: small; or font-size: normal;. You could also use em or % values for these, see
http://de.selfhtml.org/css/eigenschafte ... #font_size. You definitely want to change this one:
Code: Select all
.serendipity_entry {
padding: 15px 15px 5px 0px;
color: #444;
font-size: 11px;
}
px is a no-no for font-sizes!
YL
Thanks :)
Posted: Fri Aug 31, 2007 1:32 pm
by xqTpx
okay, thanks a lot

!!. Changed from x-small to small and its now much easier to read.