父李保持的颜色，当孩子上列表项

我有我的编辑主题导航菜单的麻烦。我正在使用Avada Wordpress主题。这里是我的http://192.185.2.154/~sogo/tempsourceoneevents.com/父李保持的颜色，当孩子上列表项

工作时，我就没有分等级的当前页的代码工作的父级的网站。如果你去参展商服务 - ）电气。子li具有正确的代码，但父项丢失了背景色。

我也有麻烦时，我徘徊在净资产值的子部分。如果我走了“的部门，然后将鼠标悬停在世博会上，各部门失去了白色的文字。这一定是因为我设置了一个颜色是蓝色的。

我的CSS我使用的导航

#wrapper .header-social { 
    background-color: #536F9E !important; 
} 

#nav ul li:hover { 
    background-color: #536F9E !important; 
} 

#wrapper .header-social .menu > li, .mobile-menu-sep { 
    border-color: #385077 !important; 
} 

li.current_page_item, li.current_page_item a { 
    background-color: #536F9E !important; 
    color: #ffffff !important; 
} 

#wrapper #nav ul li ul li > a:hover { 
    color: #fff; 
    background-color: #536F9E !important; 
} 

#nav ul li ul li { 
    border-bottom: 1px solid #F1F1F1; 
} 

#wrapper .nav-holder li li > a, .top-menu li > a { 
    transition: color 0 ease-in-out, border-color .2s ease-in-out; 
    -o-transition: color 0 ease-in-out, border-color .2s ease-in-out; 
    -moz-transition: color 0 ease-in-out, border-color .2s ease-in-out; 
    -webkit-transition: color 0 ease-in-out, border-color .2s ease-in-out; 
} 

#nav ul li { 
    padding: 0 !important; 
    border-right: 1px solid #d7d7d7; 
} 

#nav ul li a { 
    padding: 0 13px !important; 
} 

#nav ul li ul li a { 
    padding: 7px 33px !important; 
} 

#nav ul li:last-child { 
    border-right: 0 !important; 
} 

#nav ul li.last-menu-item { 
    padding-right: 13px !important; 
} 

.header-v4 #header .search { 
    margin-top: 15px !important; 
} 

.header-v4 #small-nav, .header-v5 #small-nav { 
    background: rgba(247,247,247,1); 
    background: -moz-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); 
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(247,247,247,1)),color-stop(100%,rgba(232,232,232,1))); 
    background: -webkit-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); 
    background: -o-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); 
    background: -ms-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); 
    background: linear-gradient(to bottom,rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#e8e8e8',GradientType=0); 
} 

#wrapper .page-title h1, .page-title ul li, .page-title ul li a { 
    color: #fff !important; 
}

来源

2014-11-06 AndrewH

的WordPress拥有导航父页面类，所以只需添加.current菜单 - 祖先和.current菜单 - 家长：悬停

#nav ul li:hover > a, .current-menu-ancestor > a, .current-menu-parent > a { 
     background-color: #536f9e !important; 
     color: #ffffff !important; 
    }

来源

2014-11-06 19:27:53

这几乎解决了我的问题，但是当你去院系 - > Show Essentials - >表格。父部门＆表格正确突出显示，但“显示要领”没有白色文字。 – AndrewH 2014-11-06 20:04:39

我编辑了我的答案。 – 2014-11-06 20:14:09

太棒了！这有助于很多。但愿不会打扰你太多，但我仍然有与arn't目前菜单子列表的问题。说出你是否在任何顶级页面上。然后悬停在部门 - >特种家具 - >椅子上。第一个子项目“特种家具”不保留白色。 – AndrewH 2014-11-06 20:17:59

你用这个CSS：

#wrapper #nav ul li ul li > a:hover { 
color: #fff; 
background-color: #536F9E !important;

}

所以，当你徘徊在亚里一切都很好，但文父的颜色可以追溯到＃536F9E是一样的背底色使文字不可见。尝试使用不同的颜色背景和文本。

来源

2014-11-06 19:23:52

父李保持的颜色，当孩子上列表项

回答

相关问题