Title: change colours
Last modified: November 17, 2018

---

# change colours

 *  Resolved [cheryanne](https://wordpress.org/support/users/cheryanne/)
 * (@cheryanne)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/change-colours-3/)
 * This is a brilliant plugin – thank you so much 🙂
 * I would like to change the blue within the boxes to my theme colour of #2e0819–
   is this possible? And if so, what CSS do I need to add?
 * (I’m using the shortcode on a page)
 * Thank you for your time.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fchange-colours-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [yashitamittal11](https://wordpress.org/support/users/yashitamittal11/)
 * (@yashitamittal11)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/change-colours-3/#post-10906172)
 * 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.
 *  Plugin Author [Dani Llewellyn](https://wordpress.org/support/users/diddledani/)
 * (@diddledani)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/change-colours-3/#post-10907993)
 * Thanks for picking this up, [@yashitamittal11](https://wordpress.org/support/users/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. 🙂
 *  Thread Starter [cheryanne](https://wordpress.org/support/users/cheryanne/)
 * (@cheryanne)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/change-colours-3/#post-10908358)
 * Perfect – thank you 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘change colours’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/a-z-listing_d8edfd.svg)
 * [A-Z Listing](https://wordpress.org/plugins/a-z-listing/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/a-z-listing/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/a-z-listing/)
 * [Active Topics](https://wordpress.org/support/plugin/a-z-listing/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/a-z-listing/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/a-z-listing/reviews/)

## Tags

 * [a-z](https://wordpress.org/support/topic-tag/a-z/)
 * [colours](https://wordpress.org/support/topic-tag/colours/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [customise](https://wordpress.org/support/topic-tag/customise/)
 * [font](https://wordpress.org/support/topic-tag/font/)

 * 3 replies
 * 3 participants
 * Last reply from: [cheryanne](https://wordpress.org/support/users/cheryanne/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/change-colours-3/#post-10908358)
 * Status: resolved