Wordpress菜單無法居中

-2

我正在使用網站cardinalmma.com/，但您可以看到菜單未居中。例如，參見左邊部分的新聞菜單，但有一些填充。我希望它能夠居中，任何人都可以幫助我。謝謝 SomdebWordpress菜單無法居中

2014-03-05 user3382030

垂直或水平居中？ – 2014-03-05 19:50:48

至少試圖找到你的self.if然後發生任何問題，然後在這裏發佈你的努力。這個問題並不清楚。 –

你想單個導航欄標籤居中，正確嗎？

li.menu-item { 
    text-align: center; 
}

這個目標在你的菜單，由.menu-item類標識的<li>標籤。規則text-align: center;負責將<a>標籤與其中的文本對齊。

在我的瀏覽器，這種修改，使它看起來像這樣：

menu with centered text

來源

2014-03-05 19:46:32

感謝您的編輯@Rahil。 –

感謝它解決了我的問題 – user3382030

我很高興能幫上忙。 –

嘗試在你的CSS樣式表的東西，使菜單項是居中。

嘗試一些與類菜單和李部分：在這個方向

來源

2014-03-05 19:50:38 Impof

還有更多方法可以得到相同的結果... – Impof

請更新你的CSS

.menu { 
    text-align: center; 
}

什麼的。這應該可以解決您的問題。

.menu_top a { 
color: #eee; 
font-weight: bold; 
line-height: 3.4em; 
padding: 0 14px; 
text-decoration: none; 
height: 50px !important; 
text-align: center; 
display: block; 
} 

.menu_top ul ul li a { 
text-align:left; 
}

來源

2014-03-05 19:53:51

要居中導航欄標籤，用超現實的夢這個CSS提供：

li.menu-item { 
    text-align: center; 
}

我們闡述如何找到這個解決方案。編輯/開發wordpress的CSS的最佳方式是使用firebug或Chrome的開發人員工具來查找要修改的元素。然後，您可以在那裏添加CSS並實時查看結果（這些更改不是永久性的）。我想說這可能就是超現實主義夢想如何找到解決方案。

如果您想了解更多關於使用Chrome開發工具工具的信息，請轉到此頁：https://developers.google.com/chrome-developer-tools/。
如果你是新的CSS（我不知道如果你是新的CSS或如果youre問題是嚴格編輯CSS）的WordPress，你應該去看看http://www.codecademy.com/tracks/web

來源

2014-03-05 20:00:28 cojomojo

Wordpress菜單無法居中

回答

相關問題