Changing *Topic* Field Color

[Bpoetic]

Where in the CSS Stylesheet can I go to change the Topic Field Background color?



And may I put a *boarder* around the Topic Field as well? Where To, if it's possible . . . .

Thanks very much ~ Bpoetic

[Skittles]

Have you tried changing the background colors to see if that changes your color you are speaking of first?

Admin Panel >> Styles >> Color >> scroll down to Background Colors. Now depending upon what you mean exactly by the topic field. If you mean the background when viewing the topic, or the background of the list of topics.

Change background color 2 for the background when viewing a topic, change background color 3 for the background of the list of topics.

Also this depends upon if you are using version phpbb2 or phpbb3. I think for phpbb2 it might say background row color.

[Bpoetic]

Hi skittlespc . . .

I'm using version 3.

I am meaning 'the background when viewing the topic'



Changing background colors 2 and 3 do not change this.

Thanks!!

[zakir321]

to change the color of the posts background only (without affecting forum backgrounds), you would need this CSS code:

.row1{
background-color: #ffffff;
}

.row2{
background-color: #ffffff;
}

these are the two colors that take turns with each other after every post. they will however also affect the forum's topic background (when viewing the list of topics in a forum)

[zinex]

the back ground colour you are talking about in my css it looks like this:

/* Main table cell colours and backgrounds */
td.row1 { background-color: #E2F1F2; }
td.row2 { background-color: #FCF2FE; }
td.row3 { background-color: #FEFBF2; }

[Bpoetic]

Okay . . . I so appreciate both of you, however, I'm at a loss as to *where* to find this section on the CSS Stylesheet. I've looked top to bottom and have not noticed any mention of *row1" and *row2*

***Is there a way of being more specific as to where I can find these values to change them -
ie: Overview . . . Message box . . . Post body(preview) . . . Table . . .

New question:
Is there a tutorial concerning what all the headers in the Stylesheet represent on our forum pages? That would solve my problem, I'd guess!
(I did search this question . . . .)

[zakir321]

you don't have to find those entries in the forums basic css. You simply copy/paste the code above into the textfield in "Styles / Colors / CSS". The part that reads "#ffffff" is the color hex-code that you can change to the color you need (feel free to ask if something is unclear with that).

about a tutorial, i think i'll do one within the next days or the next week, depends when i have enough time for it. and i think i will also add a list and an explanation of the most needed css 'headers'.

[Skittles]

That's just really strange. Because I edited my backgrounds for this. And I have version 3 too. And I didn't have to edit my CSS at all. hmmm

[Bpoetic]

Hi Sunny . . .

I copied:
.row1{
background-color: #ffffff;
}

.row2{
background-color: #ffffff;
}
then put it at the top of:



My Topic background color is still Teal. I need it to be white . . .

What do you suggest - or am I not understanding you correctly?

[zakir321]

no, that should be correct. I have tested it in my testboard now and it works. it changes the background of the posts.

Now i have two ideas:
1.) Are you sure you are using phpBB v3.0? (check in Styles / Change Version)

2.) I see at the side of your screenshot that your scrollbar in your CSS is very small - that means you have much other code in there. Did you somehow copy the entire basic forum CSS? Because everything below automatically overwrites the code above again...

That means, either delete the rest of the code IF it is not needed, or put the code i gave you at the very bottom.

[Bpoetic]

Yes, Sunny - I'm using 3 . . .

version:PhpBB3
Style: version's default style

If you will remember from a previous post, you and I had discussed my CSS Stylesheet being *blank*. I believe it was you that suggested I copy and past my *Forum Basic CSS* (notepad) into my stylesheet. That I did - so yes, the CSS Stylesheet has lots of info in it.

So let me understand . . . you suggest I delete all info in the Style sheet and then copy and paste:

.row1{
background-color: #ffffff;
}

.row2{
background-color: #ffffff;
}

into the blank sheet?

I've got much to learn . . . . I'll try this, hoping I don't errase my site's colors and pictures, lol!

Thanks, Sunny

[Bpoetic]

A-n-d . . . I'm OFF to the races!

It worked Sunny. I did not delete the contents of the stylesheet, but pasted your code at the bottom.

I do so much wish you would make us some tutorials. There is a link on the CSS page in admin - but it has been emptied. We need your expertise!

Thanks a million to ALL that have helped me!

Bpoetic

[zakir321]

I'll try to get started as soon as possible then. =)

basically you can delete all content that you copied from your basic css without changing something - it can cause some issues later when you try to change colors normally (as it would always overwrite your basic CSS). but on the other hand, i don't know what of this codes you still need for your style... well, the worst-case would be that you need to ask how to change some specific parts again...