居中響應標題 - WordPress的博客

我已經嘗試了幾種方法，但似乎無法得到這個成就的每一部分。我爲某人制作了一個WordPress博客，她對此感到滿意，但最近希望更改標題。我把它放在了很寬的地方，她希望它盒裝/居中。標題包含徽標，導航和左側的兩個圖像，客戶希望放在這裏看看，基本上。博客是響應式的，一旦屏幕到達某一點，標題就會匹配頁面其餘部分的容器。但是，在全屏筆記本電腦/臺式機上，它的每一面都只有一點點填充，但它的寬度仍然很寬。當我將它填充到正確的寬度時，屏幕變化時它會變小。我希望它始終與主滑塊和容器的寬度相同。居中響應標題 - WordPress的博客

博客是在http://www.allloveblog.com

的CSS我對目前的標題：

.fusion-header{ 
position:relative; 
display:block; 
/*width:100%;*/ 
/*padding-left:162px; 
padding-right:160px;*/ 
padding-top:0px; 
padding-bottom:0px; 
} 

.fusion-header-wrapper{ 
position:relative; 
display:block; 
width:100%; 
float:center; 

}

如果你改變你的瀏覽器窗口中，你能看到的變化發生，並儘快變成粘這是其他容器的寬度，我只需要它從容器的寬度開始。

任何幫助，非常感謝。

來源

2017-02-15 H.Norman

我認爲，所有你需要做的是這樣的：

.fusion-header-wrapper { 
    max-width: 1160px; 
    margin: 0 auto; 
}

如果你需要覆蓋一些CSS規則在上課前只需添加body。這樣您的規則將被優先處理，您可以輕鬆識別您的規則。就像這樣：

body .fusion-header-wrapper { 
    max-width: 1160px; 
    margin: 0 auto; 
}

說明
基本上你需要做的就是設置一個寬度限制匹配的主要的寬度限制max-width: 1160px;顯然與margin: 0 auto;

#main頭球攻門頭什麼也留30像素填充和對。
裏面#main我們.fusion-row與max-width: 1100px;
裏面.fusion-header-wrapper我們.fusion-header還剩30像素填充和正確的。
所以，如果你設置了max-width: 1100px;，你會注意到你需要添加60多個px，因爲其他div上的填充。

P.S.確保你創建一個兒童主題來編輯現有的WP主題。

來源

2017-02-15 15:20:06

居中響應標題 - WordPress的博客

回答

相關問題