Change side bar buttons colours

Hi @gerard57 – Espied uses that blue colour in quite a few places! If you’d like to change them all at once, I created a Gist to help you:

https://gist.github.com/kathrynwp/efe0975e40407ea84a5273e13960e77a

That may be a bit more than you need, but it should make sure no blue peeps up unexpectedly.

Hi Kathryn, thanks for the answer.
Can you please show me where are all the particular points where I am interested to change? (the drop-down button on the right corner, and all of the elements on the menu that appears with blue color) Thanks

A doubt: Is all that text what I have to copy to the ‘CSS addicionals’ window?

Give this a try:

/* Change hover colour of pagination and menu toggle */
.js .site-main .paging-navigation .nav-previous a:hover:before,.js .site-main .paging-navigation .nav-next a:hover:before,.js .site-main .paging-navigation .nav-archive a:hover:before,.js .site-main .post-navigation .nav-previous a:hover:before,.js .site-main .post-navigation .nav-next a:hover:before,.js .site-main .post-navigation .nav-archive a:hover:before,.js .site-main .image-navigation .nav-previous a:hover:before,.js .site-main .image-navigation .nav-next a:hover:before,.js .site-main .image-navigation .nav-archive a:hover:before,.js .site-main .paging-navigation .nav-previous a:focus:before,.js .site-main .paging-navigation .nav-next a:focus:before,.js .site-main .paging-navigation .nav-archive a:focus:before,.js .site-main .post-navigation .nav-previous a:focus:before,.js .site-main .post-navigation .nav-next a:focus:before,.js .site-main .post-navigation .nav-archive a:focus:before,.js .site-main .image-navigation .nav-previous a:focus:before,.js .site-main .image-navigation .nav-next a:focus:before,.js .site-main .image-navigation .nav-archive a:focus:before,.js .site-main .paging-navigation .nav-previous a:hover,.js .site-main .paging-navigation .nav-next a:hover,.js .site-main .paging-navigation .nav-archive a:hover,.js .site-main .post-navigation .nav-previous a:hover,.js .site-main .post-navigation .nav-next a:hover,.js .site-main .post-navigation .nav-archive a:hover,.js .site-main .image-navigation .nav-previous a:hover,.js .site-main .image-navigation .nav-next a:hover,.js .site-main .image-navigation .nav-archive a:hover,.js .site-main .paging-navigation .nav-previous a:focus,.js .site-main .paging-navigation .nav-next a:focus,.js .site-main .paging-navigation .nav-archive a:focus,.js .site-main .post-navigation .nav-previous a:focus,.js .site-main .post-navigation .nav-next a:focus,.js .site-main .post-navigation .nav-archive a:focus,.js .site-main .image-navigation .nav-previous a:focus,.js .site-main .image-navigation .nav-next a:focus,.js .site-main .image-navigation .nav-archive a:focus,.sidebar-toggle:hover,.sidebar-toggle:focus,.sidebar-toggle:active {
  background-color: #ff0000;
}

/* Change unvisited and visited link colour in widget and slide-out menu */
.widget a:link, .widget a:visited, .main-navigation a:link, .main-navigation a:visited  {
  color: #ff0000;
}

Have you edited the theme files directly? I noticed there’s an HTML syntax error you might want to look at, around where the </head> tag is closed. If you need to edit the theme files, a child theme is recommended, so your changes won’t be overwritten when you update the theme. If you’re new to child themes, you can explore these guides:

https://codex.www.ads-software.com/Child_Themes
https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/

I solved the problem, thanks again Kathryn ??

Great! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.