2016-08-12 95 views
0

我创建了一个wordpress单一主题,但我对CSS代码感到困惑,CSS规则应该改变显示以使菜单和图像滑块革命看起来更近。WordPress - 减少主菜单和滑块之间的垂直空间

我想,以减少主导航菜单和我的革命滑块

之间的空间这是我的网址:http://www.warungrempong.com/

我试图用这个CSS代码:

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

但它没有按照需要工作,只在我的浏览器开发工具上使用它时才起作用。
当我尝试在我的网站上更改时,什么也没有发生。

我该如何解决这个问题?

谢谢。

+0

您的问题有很多问题。首先,你必须向我们展示代码的相关部分。其次,**不**链接到您的网站 - 一旦问题得到解决或您的网站改变/停止,这个问题对未来的访问者没有价值。 –

+0

欢迎来到Stack Overflow!请通过[tour](http://stackoverflow.com/tour),[帮助中心](http://stackoverflow.com/help)和[如何提出一个好问题](http:// stackoverflow.com/help/how-to-ask)章节,了解本网站的工作原理,并帮助您改善当前和未来的问题,从而帮助您获得更好的答案。 –

+0

谢谢fyi,我应该先参观一下,然后问 –

回答

0

在您的活动子主题(或主题)的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规则,并且您的问题应该得到解决没有任何需要...

+0

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