How to View and Alter CSS Code for Page Elements, e.g. Poll Background and Title Colors

[Dave.cyco]

Hello. I have recently changed my forum color scheme, but it is not quite right yet and I don't know how to fix it. In polls, the title color is green, and barely visible on top of the background, but I can't seem to find the correct field to change it in the Admin CP > Display > Colors area.

Does anyone know how to do it? And please, if you say "use the CSS", please tell me how you think it should be used and what you think should be typed into it. Thanks.

Here is what the polls look like at the moment.

http://physicalculture.canadian-forum.com/t267-hey-everybody-look-at-inca-warrior

[Sanket]

Add this to your css.

For the Background

Code:

.panel{
Background-color:#ff0000 !important;
}

For the title.

Code:

 .panel h2 {
    color: #ff0000 !important;
}

[Dave.cyco]

Hey thank you very much. The title one seems to work, but not the one for background.

I have a related question:

How do I change the color of "Quick Reply"?

[Sanket]

Add this to your css & check if its working.

Code:

form#quick_reply #textarea_content textarea#text_editor_textarea {
    background-color: #ff0000 !important;
}

[Dave.cyco]

Thank you, but I am not trying to change the text area of the quick reply, I am trying to change the words "Quick Reply".

Also, where may I find a resource that lists all of the elements of the forum pages and their corresponding CSS codes?

[Sanket]

Well, where do you see this quick reply?

You can use a addon for firefox named as Firebug to view these.

[Dave.cyco]

Well, where do you see this quick reply?

The same place you see it on every forum. Right above the quick reply box.



QUICK REPLY:
__________________________________________________________________________________

You can use a addon for firefox named as Firebug to view these.

Thanks.

EDIT: I use chrome, and your comment prompted me to find CSSViewer. I should be able to handle the rest from here.

[Sanket]

Add this to your css. It will change the color of the widget titles too.

Code:

.h3 {
    color: #ff0000 !important;
}

[Dave.cyco]

Thanks, and please stand by, as I will have another question related to this.

[Sanket]

Is this thread solved? You can create another thread for a different problem.
So whenever someone does a search, its easier for them to find a solution to their problem.

[Dave.cyco]

In order to make my question fit this thread, and keep all my questions and the info provided in reply to them together (since it all really does belong together), I have changed the thread title to be search friendly to the specific issues we are discussing. The next question will be directly related to the thread title. Please stand by, thanks.

[Sanket]

Okay.

[Dave.cyco]

How do you take what you see in CSSViewer (or Firebug, which I was not able to find[!]), and set up the correct syntax in the CSS field in the Admin CP? For example, how would you know to change this (the quick reply text box that you already answered about above):



Into this:

Add this to your css & check if its working.

Code:

form#quick_reply #textarea_content textarea#text_editor_textarea {
    background-color: #ff0000 !important;
}

If you could reference the tools and/or resources you have at your disposal that helps you to make sense of all this it would be appreciated. Thanks.

[Sanket]

I Use the Live Edit. Then move it over physically on the forum & click on it. Well, just mess around with it. You will find a way.

Do you have any question related to the forum??