Wordpress導航菜單圖片

我剛剛開始學習一些CSS，並且已經能夠自定義Wordpress上的免費主題，但我完全停留在獲取導航菜單文本後面的自定義圖像。我使用的主題是Retrotale，並沒有收到作者或其他論壇的任何內容。Wordpress導航菜單圖片

我在舊主題上有相同的菜單，CSS顯示它使用了Genesis主題。圖像是http://caffeinatedandcreative.com/wp-content/uploads/2015/08/Navtrial.png我試圖尋找正確的編碼，以適應我的新主題，因爲我不確定新主題是否是創世紀主題，舊代碼似乎無法正常工作，我不確定在哪裏進行更改。

我已經嘗試在編輯器中隨機添加它，並且還使用了自定義CSS插件。出於某種原因，當我使用自定義CSS插件時，我輸入的任何CSS似乎都不起作用，但直接編輯主題編輯器時，會進行更改。

.genesis-nav-menu { 
 
\t clear: both; 
 
\t font-size: 14px; 
 
\t font-weight: 300; 
 
\t letter-spacing: 12px; 
 
\t text-transform: uppercase; 
 
\t line-height: 5; 
 
\t width: 100%; 
 
\t text-align: right; 
 
\t padding: 0px 0 0px; 
 
\t margin: 0 auto; 
 
border: 0px solid #000; 
 

 
border: radius 10px; 
 
\t background: url('http://caffeinatedandcreative.com/wp-content/uploads/2015/08/Navtrial.png'); 
 
\t background-size: 1200px 100px; 
 
\t background-repeat: no-repeat; 
 
\t max-width: 1000px; 
 

 

 
} 
 
#container, 
 
#container-title, 
 
.top-navigation { 
 
    margin: 0 auto; 
 
    max-width: 1170px; 
 
    position: relative; 
 
    width: 100%; 
 

 
.genesis-nav-menu { 
 
\t clear: both; 
 
\t font-size: 14px; 
 
\t font-weight: 300; 
 
\t letter-spacing: 12px; 
 
\t text-transform: uppercase; 
 
\t line-height: 5; 
 
\t width: 100%; 
 
\t text-align: right; 
 
\t padding: 0px 0 0px; 
 
\t margin: 0 auto; 
 
border: 0px solid #000; 
 

 
border: radius 10px; 
 
\t t 
 
\t background-size: 1200px 100px; 
 
\t background-repeat: no-repeat; 
 
\t max-width: 1000px; 
 

 
}

謝謝！

肖納

來源

2015-09-17 Shawna Kristen Peryea

看到我的答案！那工作？ – PeterPan

嘗試添加!important覆蓋現有樣式。

來源

2015-09-17 02:45:40 PeterPan

Wordpress導航菜單圖片

回答

相關問題