hi
you don’t need a whole new stylesheet.
In the theme’s header.php file, change the <body> tag to this
<body<?php if(is_front_page()) echo ' id="homepage"';?>>
On the homepage, your body tag will now say <body id="homepage">
You can now override any existing styles for just that page.
For example, in your present stylesheet, your sidebar is defined as
#sidebar { width: 220px; }
If you add this to the stylesheet:
body#homepage #sidebar { width: 175px; }
on the homepage only the sidebar will display as 175 pixels. On all other pages it continues displaying at 220 pixels.
The reason is a CSS rule called specificity. What
body#homepage #sidebar says is display an ID called sidebar as 175px wide when it is contained within an ID on body called homepage.
The regular stylesheet definition is #sidebar Any ID named sidebar will display as 220 pixels wide. When there is more than one declaration for one display element, CSS selects the most specific one. body#homepage #sidebar is more specific than just #sidebar because it applies only to a particular case, so it “wins” because its the more specific of the two declarations.
