[Resolved] How can I change the color of the sort indicator?

[Author]

Posts

[lesleeM]

I have set up a View that uses the Table format. I have set the columns to be sortable. The functionality is working fine. But the sort indicator is an image located at:

/wp-content/plugins/toolset-blocks/res/img/sort.gif

I'm not seeing any way to change the color of this indicator. We're using it on this page:

hidden link

Note that we have set up the table to have headers with a black background and white text. So the black indicator image is not good here.

I tried to edit this image in Photoshop, but for reasons unknown, I could not change the black triangle pixels from black to white. I tried the Bucket Fill tool and the Pencil tool to make those pixels white, but it didn't change them. So I'm resigned to checking with you to see if there's any way we can make this white instead of black. I hate to have to file a support ticket for such a minor thing, but I'm not sure what to do here.

[Minesh]

Hello. Thank you for contacting the Toolset support.

Can you please try to add the following CSS code to your view's custom CSS box and check if that help you to resolve your issue:

span.wpv-sorting-indicator {
    filter: invert(1);
}

More info:
- hidden link

[lesleeM]

Perfect. You guys are awesome! I never knew there was a CSS way to do this. Learn something new every day.

[lesleeM]

My issue is resolved now. Thank you!