Title: CSS Question(s)
Last modified: August 18, 2016

---

# CSS Question(s)

 *  Resolved [schure](https://wordpress.org/support/users/schure/)
 * (@schure)
 * [20 years, 8 months ago](https://wordpress.org/support/topic/css-questions/)
 * Ok, here is my site…[http://miwaterfowler.com](http://miwaterfowler.com) I have
   several CSS Questions I can’t seem to figure out.
 * 1). My posts are a little to right, I want to center them.
    2). My title of my
   posts are small..I want them bigger were do I look in the CSS for that. 3). When
   you click on the comment area and you get to where you can post and the see “
   This entry was posted on Wednesday, September 7th, 2005 at 10:53 am and is filed
   under Site News. You can follow any responses to this entry through the RSS 2.0
   feed. You can leave a response, or trackback from your own site. Edit this entry.”
   where in my code do I make that smaller. 4). In my sidebar, if I wanted to change
   the colors to make them standout against the bckg where and what code would I
   use.
 * Thanks for all the help. I really appricate it.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [amulet](https://wordpress.org/support/users/amulet/)
 * (@amulet)
 * [20 years, 8 months ago](https://wordpress.org/support/topic/css-questions/#post-259219)
 * First, let me give you a couple of links for CSS references:
 * [http://www.blooberry.com/indexdot/css/index.html](http://www.blooberry.com/indexdot/css/index.html)
   
   [http://www.htmlhelp.com/reference/css/](http://www.htmlhelp.com/reference/css/)
   [http://www.webreference.com/authoring/style/sheets/](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](http://www.htmlhelp.com/reference/css/font/font-size.html) 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!
 *  Thread Starter [schure](https://wordpress.org/support/users/schure/)
 * (@schure)
 * [20 years, 8 months ago](https://wordpress.org/support/topic/css-questions/#post-259252)
 * It does, however the last part. I ment the bg color of the sidebar.
 *  Thread Starter [schure](https://wordpress.org/support/users/schure/)
 * (@schure)
 * [20 years, 8 months ago](https://wordpress.org/support/topic/css-questions/#post-259253)
 * Also the text align doesn’t work for it. I used the 3 column relaxation theme
   I modified
 *  Thread Starter [schure](https://wordpress.org/support/users/schure/)
 * (@schure)
 * [20 years, 8 months ago](https://wordpress.org/support/topic/css-questions/#post-259258)
 * Ok, I think I mispoke. When I ment center it, I ment bring the posts closer to
   the left side. If you look at my site [http://miwaterfowler](http://miwaterfowler),
   you see that its closer to the left. I just want them equally apart.
 *  [amulet](https://wordpress.org/support/users/amulet/)
 * (@amulet)
 * [20 years, 8 months ago](https://wordpress.org/support/topic/css-questions/#post-259651)
 * Sorry I didn’t get back to you sooner…
 * For the sidebar bg, just put this:
 * `#sidebar {
    background-color: #XXXXXX; }
 * Actually, I’m not seeing anything at that URL (I realize you meant miwaterfowler.
   com). Do you mean that you want the post to be in the center (but you don’t want
   the post text centered), evenly between the left and right columns? You can probably
   fix that by using margin settings. Try this (or you might use it for the main
   page ID, rather than just `.post`), editing the “0px” with different numbers,
   which can be positive or negative (using a minus sign)–and leave any other settings
   that are already set for the selector:
 * `.post {
    margin: 0px 0px 0px 0px; }
 * I don’t know what settings will work best for you, but the way I remember what
   each of the values and which side they represent is to think of the word TRouBLe.
   The consonants in the word are the order of the numbers: T=Top, R=Right, B=Bottom,
   and L=Left. So, the first 0px controls the top margin, the second 0px controls
   the right margin, and so on. Try changing the numbers for the left and/or right
   margins, and adjusting that way.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS Question(s)’ is closed to new replies.

 * 5 replies
 * 2 participants
 * Last reply from: [amulet](https://wordpress.org/support/users/amulet/)
 * Last activity: [20 years, 8 months ago](https://wordpress.org/support/topic/css-questions/#post-259651)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
