Hi there!
Are you talking about the boxes on the top in which A-Z letters are listed?
If yes, try adding this code-
.az-letters ul.az-links li a {
color: #2e0819;
}
Hope this helps and let us know if you have any more questions.
Thanks for picking this up, @yashitamittal11 π
That code should indeed change the letters to the colour #2e0819. Also, there are two other colours that might need adjusting: the border and the background. These can be added to the CSS that Yashitamittal11 posted (a complete example including that code is below):
.az-letters ul.az-links li,
.a-z-listing-widget .az-letters ul.az-links li,
.a-z-listing-widget.widget .az-letters ul.az-links li {
background-color: #000000; /* example only */
border-color: #ff0000; /* another example only */
}
.az-letters ul.az-links li a,
.a-z-listing-widget .az-letters ul.az-links li a,
.a-z-listing-widget.widget .az-letters ul.az-links li a {
color: #2e0819; /* the colour you suggested */
}
Feel free to play with the colours to adapt the style to your theme. Provided that your CSS is loaded in the HTML page below the CSS that the plugin ships then your code will override the plugin. π