Home How to stay hover color after pressed
Reply: 1

How to stay hover color after pressed

KucuKeko
1#
KucuKeko Published in 2018-02-14 10:47:39Z

I'm using sahifa theme.I set special css for each buton on main menu.But something block my code and it's back to orjinal theme color blue.

I tried every rules

    /* 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; 
}

I look with firefox web developer tools and it's show problem that.

#main-nav ul li.current-menu-item a,
#main-nav ul li.current-menu-item a:hover

So I make comment this lines bu nothing change

UPDATE

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

Thank you.Claudiu D.

Claudiu D.
2#
Claudiu D. Reply to 2018-02-14 11:29:37Z

find your .altinci-nav:hover css rule and add a chained one for the current page like this

.altinci-nav:hover,
.altinci-nav.current-menu-item {

do the same for other links

You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.312654 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO