2014-06-05 101 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

相關問題