2014-06-05 65 views
1

这是我在wordpress.org中的第一个网站。我不是程序员。在这个舞台非常绿。我对那些了解所有这些语言的人有很多的尊重。儿童主题并非使用genericons覆盖父主题

问题: child-theme style.css不会过滤父主题style.css。该网站现在在顶部工具栏上的文本旁边显示一个方框。我在儿童主题中需要做些什么来移除方形框?

现状/代码:

这是从儿童主题的style.css

NAV-主。菜单项,有子女>答:经过,#NAV-主要

.page_item_has_children > a:after { 
     font-family: "Geneva"; 
     padding-left: 4px; 
     vertical-align: top; 
    } 

这是从父的style.css

NAV-主。菜单项,有子女>答:经过,#NAV-主要

.page_item_has_children > a:after { 
     content: ""; 
     font-family: "Genericons"; 
     padding-left: 4px; 
     vertical-align: top; 
    } 

研究/信息: 关于'内容',原始行是(内容:“\ f431”),而不是您在上面看到的方框。 根据phpxref.ftwr.co.uk/wordpress,它声明 (.genericon-expand:before {content:'\ f431';}) 此外,在genericons网站的底部它读取, AN AUTOMATTIC PORTRAYAL &如果我没有弄错,那是WordPress.org的母公司。 进一步的研究让我认为这是一个小部件。 方框显示在网站顶部工具栏上的文本旁边。字体样式确实改变为日内瓦。我能做些什么来消除盒子? 预先感谢您的回答。

附录: 这可能很重要,请注意。当我在wordpress的“菜单”区域中删除了一个下拉项目并将其设置为单个“菜单”项目时,方框消失了。方框仅在具有项目下拉列表的“菜单”标题上显示。我搜索在style.css中,发现以下情况:

.sticky .entry-title:before { 
     font-family: "Genericons"; 
     content: "\f308"; 
     vertical-align: top; 
     padding-right: 4px; 
     display: inline-block; 
    } 

按照前面的示例中,我把它改为:

.sticky .entry-title:before { 
     font-family: "Geneva" !important; 
     padding-right: 4px !important; 
     vertical-align: top !important; 
     display: inline-block !important; 
    } 

它没有工作。广场仍然存在。建议?

回答

0

在你的孩子主题的CSS试试这个

.page_item_has_children > a:after { 
     font-family: "Geneva" !important; 
     padding-left: 4px !important; 
     vertical-align: top !important; 
} 
+0

感谢@Anand的修复。我的部分愚蠢的复制粘贴错误。 – Sudar

+0

我检查了四次,以确定每个感叹号,空间等,并保留方框。当我查看Firebug检查元素时,父主题不会被删除。我注意到在其他地方我做了改变,Firebug中的父主题将通过行显示行(有意义?)。 – user3697629

相关问题