First, let me give you a couple of links for CSS references:
http://www.blooberry.com/indexdot/css/index.html
http://www.htmlhelp.com/reference/css/
http://www.webreference.com/authoring/style/sheets/
1) It can depend what theme(s) you’re using, but I think most, if not all, people doing WordPress themes use a class simply called .post
in the CSS to handle the posts. In the default theme, it looks like this:
.post {
margin: 0 0 40px;
text-align: justify;
}
You can simply change the text alignment setting as follows:
.post {
margin: 0 0 40px;
text-align: center;
}
and that should do it. If your theme uses a different class or ID for posts (or anything else you want to change), you’d need to match up the HTML and classes/ID’s in the index.php file to the CSS file. For instance, if you see <DIV CLASS="spfeat">
somewhere in the theme file (let’s say the sidebar.php file for now), and you wanted to change the look of that section, you’d find .spfeat
OR div.spfeat
(the latter meaning that the .spfeat
class only works under the div
selector), and change the properties and values of that class.
I don’t know how much you know about CSS, so if I tell you stuff you already know, please don’t think I mean to insult your intelligence. 🙂
2) Do you have something like this in your theme’s index.php file:
<H2><A HREF="<?php the_permalink() ?>" REL="bookmark" TITLE="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></A></H2>
Or, is a heading tag (<H1></H1>
, <H2></H2>
, etc.) wrapped around code that includes <?php the_title(); ?>
? Most likely, you’ll see something like this. You can do two things (or both):
Change the heading tag to a larger size, if possible, or find the selector (h1
, h2
, etc.) in the CSS file and change the font-size
property setting. See this page for more info on the values you can use. Also see the page for the font
property for other options.
3) I’m going to assume you’re using the default theme, and that you have this in your CSS file:
small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
You can change the font-size
property (or use a smaller font, if you want) to the size you want, or use other values as the page I linked when I answered 2) gives you information on.
4) As for changing the sidebar, do you mean you want to change the font colors? Find this in the CSS file:
#sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
and add:
color: #XXXXXX;
where #XXXXXX is the hex value (color code) you want. You can also give different link colors by adding this:
#sidebar a:link {<br />
color: #XXXXXX;<br />
}
#sidebar a:visited {<br />
color: #XXXXXX;<br />
}
#sidebar a:hover {<br />
color: #XXXXXX;<br />
}
#sidebar a:active {<br />
color: #XXXXXX;<br />
}
(Of course, delete any of those you don’t want to use.)
Hope this helps!