2013-11-15 88 views
0

用Firebug,我终于(这是一个持续的斗争)发现,我需要修改,以解决我的侧边栏间距程序中的CSS。它的下面:WordPress的侧边栏部件CSS

#sidebar .widget { 
margin-bottom: 45px; 
position: relative; 
} 

我想要做的就是编辑下边距要5PX代替45.不过,我似乎无法在别处找到这个特定的CSS。当我通过Firebug找到它时,它在一个名为all.css的文件中,但我只能通过Wordpress编辑style.css文件。

我试图在自定义CSS改变它,但这并不解决任何事情。有人可以帮帮我吗?我对CSS一无所知,我非常兴奋,终于弄清楚我需要改变什么,现在我无法改变它!

+0

我们展示的HTML。 – matewka

+0

尝试#sidebar .widget {margin-bottom:5px!important; } –

+1

@ Jay Bhatt,如果OP将WP安装在他们自己的服务器上,那么这是不必要的。但是,对于一个小问题来说,这是一个快速解决方案。 JavaScript可以用来覆盖这个;如果一切都失败了。 –

回答

1

检查<head>部分,如果style.css加载all.css。如果不是,则必须提供比all.css中的规则更精确的CSS规则,例如,

#sidebar div.widget { 
    margin-bottom: 5px; 
    position: relative; 
} 

(如果.widgetdiv,当然)

+1

无论如何,最好提供一个更具体的规则,以符合架构上坚实的样式表。虽然答案很好。 +1 –

+1

@JackWilliams我完全同意你的看法。我没有提到,因为我不知道这个特定网站的DOM,但我可以提及它。那么,我想这就是评论的意思。 – matewka

+0

@matewka对不起,我很新的CSS。你能再解释一下吗? – blazethei