WordPress - 減少主菜單和滑塊之間的垂直空間

我創建了一個wordpress單一主題，但我對CSS代碼感到困惑，CSS規則應該改變顯示以使菜單和圖像滑塊革命看起來更近。WordPress - 減少主菜單和滑塊之間的垂直空間

我想，以減少主導航菜單和我的革命滑塊

之間的空間這是我的網址：http://www.warungrempong.com/

我試圖用這個CSS代碼：

.admin-bar .nav-container { 
    min-height: 0; 
}

但它沒有按照需要工作，只在我的瀏覽器開發工具上使用它時才起作用。
當我嘗試在我的網站上更改時，什麼也沒有發生。

我該如何解決這個問題？

謝謝。

來源

2016-08-12 Chandra Nur Darmawan

您的問題有很多問題。首先，你必須向我們展示代碼的相關部分。其次，**不**鏈接到您的網站 - 一旦問題得到解決或您的網站改變/停止，這個問題對未來的訪問者沒有價值。 –

歡迎來到Stack Overflow！請通過[tour]（http://stackoverflow.com/tour），[幫助中心]（http://stackoverflow.com/help）和[如何提出一個好問題]（http：// stackoverflow.com/help/how-to-ask）章節，瞭解本網站的工作原理，並幫助您改善當前和未來的問題，從而幫助您獲得更好的答案。 –

謝謝fyi，我應該先參觀一下，然後問 –

在您的活動子主題（或主題）的style.css文件，你應該補充一點：

.nav-container { 
    min-height: inherit !important; 
}

當你的主頁的生成的源代碼看，似乎你的主題是嵌入一些CSS規則的HTML文檔中，你有這樣的（重要的是源代碼行41）：

<style id='ebor-style-inline-css' type='text/css'> 
nav .pb80 { 
    padding-bottom: 0px; 
    padding-top:0px; 
} 
.pt120 { 
    padding-top: 0px; 
} 
.nav-container { /* ==========================> HERE ONE TIME */ 
    min-height: 0; 
} 
.logo { max-height: 300px; } 

.nav-container { /* ======================> HERE ANOTHER TIME 
      As this is the last instance, it get the priority on first one! */ 
    min-height: 491px; 
} 

.admin-bar .nav-container { 
    min-height: 523px; 
} 

@media all and (max-width: 767px){ 
    .nav-container { 
     min-height: 366px; 
    } 

    .admin-bar .nav-container { 
     min-height: 398px; 
    } 
} 

</style>

所以可能是你必須添加此CCS某處規則自己在你的主題個設置。最好的事情，應該是刪除2重複的CSS規則，並且您的問題應該得到解決沒有任何需要...

來源

2016-08-12 22:01:08 LoicTheAztec

謝謝mr.loicü保存我的工作和我的一天:)） –

WordPress - 減少主菜單和滑塊之間的垂直空間

回答

相關問題