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: https://www.getpeppered.com/blog

    Thanks, Femke

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

  • 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.

    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

    (@getpeppered)

    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.

    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.