增加頁腳部件寬度和居中菜單（WordPress的）

Question

我目前正在嘗試讓我的頁腳菜單居中，並出現在一行上。目前，由於某種原因，它在2行。

的網址是：http://museiam.ca/

我試圖做到這一點（圖片）：http://museiam.ca/wp-content/uploads/LookBookPage_1.jpg

我使用的主題允許的3個或4個部件在頁腳區域的選項。我現在將它設置爲3.菜單本身位於一個小部件中，包括鏈接Customer Care - Newsletter，其中Follow Us鏈接位於另一個帶有所有社交圖標的HTML文本小部件中。我試圖把所有東西放在一條線上，並像填充圖片一樣居中。

我試圖增加菜單寬度的部件，但沒有成功。這裏是我嘗試過的CSS：

.widget widget_nav_menu .menu-footer-1-container { 
width: 800px !important; 
} 

我願意接受任何輸入或解決方案來達到我想要的效果。我很感激並感謝你的所有期待。

Answer 1

尋找此.container_12 .grid_4和改變寬度爲100％

.container_12 .grid_4 { 
width: 100%; 
} 

而且，你有另一小有它有一個空的文本後，刪除。

Answer 2

您正在使用3個'grid_4'div來填充'container_12'父div。你需要做的（從我的角度來看）什麼是以下幾點：

1. 使用一個單獨的「grid_12」 div來包裝，而不是把它分成3「grid_4」菜單。

2. 然後，給菜單UL「對齊：中心」

3. 對於中心裏孩子們「顯示：inline-block的」他們（我想你已經做了這一個）。