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.