Locating right .CSS to edit - Picture Provided

[Escobar]

NOTE: If you can answer at least 1 question, please do. Someone else can give me the answeres to the other questions if you can't. 

Picture:


WHAT .CSS CAN I EDIT TO:

1) I want to add more space between the 'User Info & Key Stats Box' and the rest of the Post Display Page (Link tree/Profile+Karma/Post etc.).

2) I've edited and moved the 'profile/karma box' to the top of posts. However, on top of the profile box, you see 2 bars: 'Author' and 'Topic=__''.

How can I get rid of the 'Author' box? As you see, it's pretty useless because it doesn't say who the author is.
I want it so that there will only be 1 bar that says: 'Topic:____"

3) There seems to be an alternating background colour scheme for each post (and accompanying Profile Box).

Example:

I START A TOPIC
When I post it, the Profile Box will be Dark Grey, while the 'Post Background' shows Light Grey.

YOU REPLY
When YOU post it, the 'Profile Box' will be Light Grey, while the 'Post Background' shows Dark Grey

How can I make the colours STANDARD, no matter who posts?
So no matter who posts, the colour scheme will be the same:
'Profile Box': Dark Grey
'Post Background': Light Grey

[rudoka]

3) There seems to be an alternating background colour scheme for each post (and accompanying Profile Box).

Look in your Themes/yourtheme/style.css file for:

Code Select Expand

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #E1E1E1;
}
.windowbg2
{
color: #000000;
background-color: #F0F0F0;
}

  The other two question sI don't really understand. However look in the Display.template.php file for:

Code Select Expand

// Show the topic information - icon, subject, etc.
echo '
<table width="100%" cellpadding="3" cellspacing="0" border="0" class="tborder" style="border-bottom: 0;">
<tr class="titlebg">
<td valign="middle" align="left" width="15%" style="padding-left: 6px;">
<img src="', $settings['images_url'], '/topic/', $context['class'], '.gif" alt="" align="middle" /> ', $txt[29], '
</td>
<td valign="middle" align="left" width="85%" style="padding-left: 6px;">
', $txt[118], ': ', $context['subject'], ' &nbsp;(', $txt[641], ' ', $context['num_views'], ' ', $txt[642], ')
</td>
</tr>
</table>';

The first <td> block is the 'author' cell. You can simply delete that one.

The Display.template.php controls the look of the topic display page, you should look there for changing stuff. Other *.template.files change things on other pages, the names are quite self-explanatory.   As for the CSS styles, there is only one file, the style.css.
  Go over the "Graphics and Templates" section and you'll find loads of info.

Rudolf

[Escobar]

Thank you for your reply. Your Display.template.php suggestion worked perfectly!  .

I solved number 2 myself...also due to your Display.template.php suggestion.

In my question #1: I want to add more space

What I am asking is, do you notice the 'Page 1' Bar?
Do you notice the 'Topic Bar' under it?
And do you notice the 'User Profile Box' under the Topic Bar?

Do you notice the space IN BETWEEN them?
I think the proper term is 'Padding'.

How can I reduce the space, or increase it?

[rudoka]

Lol, I'm still not sure where you want to put the space. You listed three things there.

Anyway, here is what I found to be the easiest way to change the spacing between theese three. (without breaking the rest of the formatting)

In Display.template.php search for:

Code Select Expand

// Show the topic information - icon, subject, etc.
echo '
<table width="100%" cellpadding="3" cellspacing="0" border="0" class="tborder">
<tr class="titlebg">
.... the same as in the other post
And add <table height="10"></table> right before the <table...>
Like this:

Code Select Expand

// Show the topic information - icon, subject, etc.
echo '
<table height="10px"></table>
<table width="100%" cellpadding="3" cellspacing="0" border="0" class="tborder">

This will add a 10px empty table between the "Pages"and "Author" bar.

If you want it between the messages and the Author bar then just a little below search for

Code Select Expand

echo '
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="bordercolor">';

// Get all the messages...
while ($message = $context['get_message']())
{
echo '
<tr><td style="padding: 1px 1px 0 1px;">';
and add the same thing after the echo '
Should look like this:
       

Code Select Expand


echo '
<table height="10px"></table>
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="bordercolor">';

The trick is the same. Of course you can change the height of the table to suit your needs.
You could also do with styles and padding, but that seemed a little messy to do. This way you just have to insert a short line, and the trick is done. 

Rudolf

EDIT: After re-reading your post I saw that you asked how to decrease/increase. Well, this way you can only increase the size.
        If you want to decrease you will have to rely on CSS. I see no easy way to remove that (only from there )