Can someone help me out. Point me in the right direction to get this accomplished. I want to shrink part of my website, specifically the login section but I'm not sure how to do this. Any help is greatly appreciated. Screenshot Below


http://www.shudew.com/hosted/login shrink.jpg

1. Install Firefox if not already
2. Get the Web Developer extension
3. Firefox > Web Developer > CSS > Edit CSS
4. Then play.

Or put your CSS code at the end of whatever CSS you already have.

This will do something but it isn't the right way of doing it, using a wildcard like this and ems will cause child elements to be smaller than intended. But it will give you a quick and dirty demo of what can be done.

form * {
font-size: 0.8em;
}

Ultimately you've got to adjust the size of your input fields and any text labels, etc. Its not rocket science.

Get the Web Developer extension if you haven't already - you'll find it helpful as you move along the CSS learning curve.