Title: CSS and HTML help
Last modified: August 19, 2016

---

# CSS and HTML help

 *  [getpeppered](https://wordpress.org/support/users/getpeppered/)
 * (@getpeppered)
 * [15 years, 6 months ago](https://wordpress.org/support/topic/css-and-html-help/)
 * Hi everyone,
 * I need some help with my CSS file: The blog post shows up at the bottom of the
   page rather than at the top. Also, the title, the blogpost itself, and the date
   are all very close together and in the same font –> how can I edit for each of
   them separately?
 * There’s also some problems with the use of HTML in the blog entry in that it 
   doesn’t seem to recognise any 
    commands.
 * Once I’ve fixed this problem, I’d also love to know how I can add a sidebar to
   my page so I can put in widgets…
 * You can find my blog here: [http://www.getpeppered.com/blog](http://www.getpeppered.com/blog)
 * Thanks, Femke

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

 *  [Connor Crosby](https://wordpress.org/support/users/ccmovies/)
 * (@ccmovies)
 * [15 years, 6 months ago](https://wordpress.org/support/topic/css-and-html-help/#post-1681842)
 * You have a table set to 245px for height. That is why your blog posts are at 
   the bottom.
 * For the title, just go to your CSS file and target h2. For the date, target class
   =”top_meta”. The content is class=”entry”, and then for the post information 
   such as author, target class=”bottom_meta” in your CSS file.
 * I am not sure about your other issues.
 *  [Connor Crosby](https://wordpress.org/support/users/ccmovies/)
 * (@ccmovies)
 * [15 years, 6 months ago](https://wordpress.org/support/topic/css-and-html-help/#post-1681844)
 * So your css file may look like this:
 *     ```
       <br />
       h2 {<br />
       font-family: Georgia, serif;<br />
       font-size: 32px;<br />
       font-weight: bold;<br />
       }</p>
       ```
   
 * <p>.top_meta {
    font-style: italic; font-size: 14px; font-family: Arial, sans-
   serif; }</p>
 *     ```
       <p>.entry {<br />
       font-family: Arial, sans-serif;<br />
       font-size: 16px;<br />
       }</p>
       ```
   
 * <p>.bottom_meta {
    font-family: Arial, sans-serif; font-size: 14px; font-style:
   italic; }`
 *  Thread Starter [getpeppered](https://wordpress.org/support/users/getpeppered/)
 * (@getpeppered)
 * [15 years, 6 months ago](https://wordpress.org/support/topic/css-and-html-help/#post-1681849)
 * Thanks! This is awesome, very easy changes!
 * If anyone knows how to add a sidebar … or how to put widgets to the left of the
   posts in any other way … that’d be perfect.
 *  [Connor Crosby](https://wordpress.org/support/users/ccmovies/)
 * (@ccmovies)
 * [15 years, 6 months ago](https://wordpress.org/support/topic/css-and-html-help/#post-1681851)
 * No problem, and by the way, ignore the 
    and <p>. I am not sure why those are
   showing up.

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

The topic ‘CSS and HTML help’ is closed to new replies.

 * 4 replies
 * 2 participants
 * Last reply from: [Connor Crosby](https://wordpress.org/support/users/ccmovies/)
 * Last activity: [15 years, 6 months ago](https://wordpress.org/support/topic/css-and-html-help/#post-1681851)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics