JQuery / DataTables: how to change pagination color

Question

I am using the jQuery DataTables plugin (version 1.9.4) and would like to change the pagination color.

With CSS, I can change my background color, but I could not find a way to change the font color and font color for the anchor tags. I would like to change the font color and point the font color to all the bottom anchor marks to white (#FFFFFF).

The pagination code is as follows:

<div id="myTable_paginate" class="dataTables_paginate paging_full_numbers">
    <a id="myTable_first" class="first paginate_button paginate_button_disabled" tabindex="0">First</a>
    <a id="myTable_previous" class="previous paginate_button paginate_button_disabled" tabindex="0">Previous</a>
    <span>
        <a class="paginate_active" tabindex="0">1</a>
        <a class="paginate_button" tabindex="0">2</a>
    </span>
    <a id="myTable_next" class="next paginate_button" tabindex="0">Next</a>
    <a id="myTable_last" class="last paginate_button" tabindex="0">Last</a>
</div>

Thanks for any help with this, Tim.

Answer 1

Maybe you miss an ad !important? In this case, it is really important.

.paging_full_numbers a.paginate_button {
    color: #fff !important;
}
.paging_full_numbers a.paginate_active {
    color: #fff !important;
}

jsfiddle → http://jsfiddle.net/CrBkT/