Serendipity Forums

Posted: **Fri Apr 13, 2007 8:55 pm**

Hello gang ~ Off and on for the past month that I've used S9Y, I've tried to figure out where to edit the font-size of the overall Body of the site so that it remains static (does not change when people change text-size in their browser).

I'm using the Square template. Can someone direct me to where in the .css file I can change this? Other sites I've designed in the past (html, not php), I was able to accomplish this quite easily with css. But I guess because this particular .css file has so many codes, I'm probably not adjusting the proper one. And I have searched and searched and cannot find which code to edit.

I understand that when creating entries, the font-size will change depending on what size I choose in the editor. I'm not so concerned with the static font-size with entries as I am with the font-size in the side-bar and navigation links.

Any help is greatly appreciated!
Jocelyn

Btw - just to clarify further, if you look at the navigation menu on my site (Homepage, About, etc), I have 6 links and the current text size ("medium") allows it to fit perfectly on 1 line in the black rectangle. If someone changes the text size to anything bigger, it will wrap to the next line. This is one of the main reasons I want to keep the font-size static, so the links are on 1 line.

http://www.homemakerinprogress.com/blog

Posted: **Mon Apr 16, 2007 1:21 am**

Hopefully d_cee (Dave Cummins) will chime in here for you as he is that template's author. However, maybe I can give you a little nudge forward until then.

Allowing a user to change their text size is actually preferrable from an "accessibility" perspective. You might have perfect vision, but that does not mean all your blog readers do. That being said, text size can easily "break" a layout if it gets to large for the intended design.

The CSS code you are looking for which controls your font in the navlinks is here:

Code: Select all

#navlist {
   display: inline;
   font-size: .8em;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin: 0;
}

You can change that .8em to a specific pixel size (ie, 6px, 7px, etc), and that specific pixel size will be preserved in SOME browsers regardless of the user's text size settings. But, as I mentioned, many browsers lean to the accessibility side, and still change fonts based on the browser's text size setting regardless.

Posted: **Mon Apr 16, 2007 6:11 am**

Thank you Don!! That did it! Gosh, I feel silly now posting this question. This was such an easy fix. I've even gone through and fixed the font-size for the side-bar.

Thanks again,
Jocelyn

Posted: **Mon Apr 16, 2007 6:38 am**

jocelynaz wrote:Thank you Don!! That did it! Gosh, I feel silly now posting this question. This was such an easy fix. I've even gone through and fixed the font-size for the side-bar.

Thanks again,
Jocelyn

There is no such thing as a "silly question"!!! Well, we have that "why did the chicken cross the road.." LOL!!!!!

Best wishes for the new blog and stop by again if you have any further chickens... UMMMMM.. I mean, QUESTIONS!!!

Posted: **Mon Apr 16, 2007 11:05 am**

Thanks Don

Dave

Serendipity Forums

Static font size

Static font size