Changing default letter size (in .css file)

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
xqTpx
Regular
Posts: 25
Joined: Wed Oct 11, 2006 6:29 pm

Changing default letter size (in .css file)

Post 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!
strcat
Regular
Posts: 22
Joined: Fri Dec 09, 2005 7:09 pm
Contact:

Post by strcat »

Its "font-size" in ".serendipity_entry".
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: Changing default letter size (in .css file)

Post 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
xqTpx
Regular
Posts: 25
Joined: Wed Oct 11, 2006 6:29 pm

Post 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 ;) ?
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Post 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
xqTpx
Regular
Posts: 25
Joined: Wed Oct 11, 2006 6:29 pm

Post 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.


:(
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Post 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
xqTpx
Regular
Posts: 25
Joined: Wed Oct 11, 2006 6:29 pm

Thanks :)

Post by xqTpx »

okay, thanks a lot ;-)!!. Changed from x-small to small and its now much easier to read.
Post Reply