Table Header Color

[farhana]

I need to change table header color without changing rows color on this page

http://iiifactor.org/all-journals/set-featured-link/ejournal-uin-malang-ac-id-index-php-saintek-index

Can you please guide. Thanks!

[farhana]

Any help?

[Don E]

On line 74 in: http://iiifactor.org/templates/jm-fitness/cache/jmf_fd13cc26d71bb41969504b15616231cb.css?t=1463891995

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {    
     background-color: #f8f8f8;
}

If you remove the background color (above), green background appears with the header titles. That CSS file may be minified.

 

You may want to override that table header rule by creating your own CSS file and place it last after your other CSS files for that page.

 

You can then try to target it like the following:

form#adminForm table tbody tr th {       
    color: #fff;
    font-weight: 500;
    padding: 15px 8px;
    text-align: center;
}

The above gives you the green background with white lettering:

 

Edited May 22, 2016 by Don E

[farhana]

This didn't help!

[dsonesuk]

If you remove background-color you are removing odd/even effect applied to rows, just select header selector and remove nth part

 

.table-striped tbody > tr > th

This will affect all headers so you will lose odd/even (striped) effect if you have multiple rows of headers, otherthan that you would have to apply class which would disable the striped applied effect for specific header.

 

.table-striped tbody > tr > th.disable_strip_here