Archived topic

Custom CSS

4 replies · Started by Anonymous on September 2, 2015

Viewing posts 1–5 of 5

September 2, 2015 at 1:31 pm #133871

Hi,

I don't know how to explain the problem but i will try.
It's my header , i have changed my menu, when you move the mouse for example on the main menu button then background change with orange image but when you push another button for exmaple about us and rolls the mouse with a button the background changes to gray as you can see in the above image. I used "Simple Custom CSS" plugin here is the code `.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul .current_page_item > a {
background: url('http://127.0.0.1/wp-content/uploads/2015/09/menu_hover22.png') repeat-x top center;
border-radius: 0 0 20px 20px;
}`

How to solve that problem?

September 2, 2015 at 1:35 pm #133873

Sorry frong link, here is an image

Header

September 2, 2015 at 2:40 pm #133884

Hi Denis. Try changing

.current_page_item

.current-menu-item

September 3, 2015 at 1:26 am #133991

Nope that does not work. Thanks for help, bdbrown. Any other ideas?

September 3, 2015 at 1:57 am #133993

Thanks for help. I found the solve of the problem. Just needed to add "a:focus" :

.main-navigation .main-nav ul .current_page_item > a:hover, a:focus

This archived topic is closed to new replies.

Start building better websites today.