Simple Machines Community Forum

Hey there!
I'm setting up a community forum site. And in order for it to look good, i need to change the forum boards so it looks a little like this.

                             
Before edit                                                     After edit


Now my question is, how to do this?

In the main stylesheet (css/index.css) for the theme you are using find this:
.poster {
    float: left;
    width: 15em;
}
Change to:
.poster {
    float: left;
    text-align: center;
    width: 15em;
}

Thank you!!! Now how can i make the picture appear just a little bit larger, and same with the name?

Name:
.poster h4, .poster h4 a {
    color: #C06002;
    font-size: 1.2em;
}Make the 1.2em the size of your liking. For the image, you can set the size of avatars in the Admin area.
Admin > Forum > Avatar Settings:
Maximum width of external avatar
Maximum height of external avatar

Lainaus käyttäjältä: mashby - tammikuu 12, 2012, 08:37:33 IP
Name:

Koodi [Valitse] Laajenna

.poster h4, .poster h4 a {
    color: #C06002;
    font-size: 1.2em;
}Make the 1.2em the size of your liking. For the image, you can set the size of avatars in the Admin area.
Admin > Forum > Avatar Settings:
Maximum width of external avatar
Maximum height of external avatar

You are saving my ass here!

I just got one more thing, in the top header. Can i make that so it doesn't enlarge the photo like on the rest of the forum. Because when i changed the size, the picture got bigger than the top menu. So i want to ask you, is it possible to make it run off its own css? Or how do i enlarge the top header, maybe blend it together with the search bar. To make it look good?