change colours

  • Resolved cheryanne

    (@cheryanne)


    6 years ago

    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 to see the link]

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

    (@yashitamittal11)

    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

    (@diddledani)

    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. ??

    Thread Starter cheryanne

    (@cheryanne)

    Perfect – thank you ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘change colours’ is closed to new replies.