Buton tıklandıktan sonra renk orjinale geri dönüyor !

Main menunde her buton icin ayri css atayarak,farklı renklendirmeler yaptım bu renkler mouse uzerıne gelince(hover)' da gozukuyor.Benim istediğim tıklandıktan ve sayfaya gittikten sonra'da o rengin kalması denemediğim şey kalmadı.Ancak bir kural yada başka bir kod bunu engelliyor ve rengi temanın rengine maviye çeviriyor.
Tema css de o buton için atadığım sınıf
/* Altinci Menu */ .altinci-nav{ /*background-color: #866;*/ } .altinci-nav:hover { background-color: #8c5de4; } /*ul li.altinci-nav a,*/ .altinci-nav ul li a:hover, .altinci-nav ul li a, .altinci-nav ul li:hover > a, .altinci-nav ul li:active, ul li.altinci-nav:active{ background-color: #8c5de4; } .altinci-nav:active { background-color: #8c5de4; } .altinci-nav:focus { background-color: #8c5de4; } .altinci-nav:select{ background-color: #8c5de4; } .altinci-nav:after{ background-color: #8c5de4; }
Firefox öğeyi denetle dediğimde
#main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover
Satırlarını kaldırınca kalkıyor ancak.Bu değişikliği css'den yapınca yine aynı

.current-menu-item ile ele almayı deneyebilirsiniz...

.current-menu-item a { background-color: red !important; }

Koduyla aktif olan menünün arkaplan rengi değişir. Sizin bunu menülere göre uyarlamanız gerek.

!important kullandın mı?

Evet çözüm buymuş

  #main-nav ul li.current-menu-item a,
  #main-nav ul li.current-menu-item a:hover{ background-color: transparent !important; }