Changing Colours - In the CSS File

[djb2002]

Hi,

I'm looking to change the colours of several parts of the generated page. In particular:

1) The bar that appears when you move the mouse over a row.
2) The bar that shows when a row is clicked on (ie, selected).
3) The font colour of all rows.
4) The font colour of the select rows.

I believe this would need to be changed in the .css file, but I can't find which line represents which of these.

Does anyone know, and can anyone assist please ?

Thanks in advance,

Daniel

[AhmedBR]

It depends on the CSS file you are using.

The best tool is to use Firebug of Firefox.

You will be able to see the exact line you should change, I use it all the time, would be lost without it:
https://addons.mozilla.org/en-US/firefox/addon/firebug/

[djb2002]

It is the 'Bootstrap Compact' theme that I'm currently using.

I will download Firefox and Firebug and give that a try - Thank you.

[djb2002]

Got the software installed, but unfortunately not managing to track these down

Any ideas ?

Thanks
Daniel

[artemisia]

By examining the bootstrap_compact.css file and experimenting with different colors, I found some of what you're looking for:

1) The bar that appears when you move the mouse over a row.
a:hover,
a:focus {
color: #XXXXXX

2) The bar that shows when a row is clicked on (ie, selected).
I couldn't find this, may be tied to another form control.

3) The font colour of all rows.
textarea {......... color: #XXXXXX

4) The font colour of the select rows.
I couldn't find this, may be tied to another form control. (related to #2)

and two that I found useful, the alternate row colors:
header and first row:
table {
background-color: #XXXXXX

other alternate row:
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #XXXXXX

[djb2002]

Thanks artemisia for your help - That is really appreciated.

Daniel