1. Home
  2. Knowledge Base
  3. Posts Table Pro
  4. Advanced Usage

How do I change the color of the sort arrows?

The current table frontend doesn't show sort arrows. Each column heading has a button that opens a menu with the sort and filter options for that column, so there is no arrow colour to change.

To change the colour of that button, add this CSS to your site. You can use any colour, and this example sets it to #6d7cc3:

.ptp-dataview .header-menu-trigger svg {
    fill: #6d7cc3;
}

Legacy mode

If your site is still in legacy mode, the table shows sort arrows and this CSS colours them:

.posts-data-table thead th.sorting::before,
.posts-data-table thead th.sorting::after {
    color: #6d7cc3;
}

Related Articles

If searching the knowledge base hasn't answered your question, please contact support.