AppGini Community Forums

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

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/

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

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

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

Any ideas ?

Thanks
Daniel

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

Thanks artemisia for your help - That is really appreciated.

Daniel