2013-12-11 145 views
0

我使用WordPress的一个主题。这是标志: http://oi43.tinypic.com/b67dw8.jpg需要帮助,CSS和WordPress

我的标志是这样的: http://oi39.tinypic.com/2jbsa5e.jpg

我使用WordPress的展望的主题,它有几个CSS文件,有一个CSS文件(layout.css中),它有一个ID标识,它是

#logo { 
width: 300px; 
float: right; 
z-index: 100; 
position:absolute; 
top: 40px; 
left: 0; 


} 

#logo a { 
display: block; 
} 

我已经通过更改此文件中的设置试过了,但什么也没发生的标志, 我想,我的徽标也应该进来中心。

回答

0

你可以做什么是您更换后您的标志,尝试添加以下代码:

#logo { 
    top:0 !important; 
} 

然后尝试改变值“顶”与像素10px的,20像素等,直到你的标志为中心。

编辑:在默认主题检查,它有顶部的值:40像素。我不知道你的形象的高度,但正如我所说的玩这个价值,直到它垂直居中。

+0

很好,我自己也试图把20改为40,然后保存它,但我的网站上没有任何变化, 笔者在WordPress的仪表板做了这个给编辑 像 @import“CSS /复位。 CSS“; 可能是这个问题? – user3092762

+0

是否在顶部添加了!重要内容? – scooterlord

+0

您需要更改的是位于wp-content/themes/prospect /目录下的文件(编辑:更正后的文件名)layout.css。如果它具有!重要的顶部,这必须工作。否则,如果你不介意你的代码是有点乱,你应该打开位于你的主题目录下的header.php文件,并精确地放置该标签上面我在上面贴了标签 – scooterlord

0

您需要定位标志为中心的,所以你可以尝试测试值运算top定位。我认为#logo{top:20px;}将是确定

+0

孔内部的代码,我自己试图把20改为40,然后保存它,但我的网站上没有任何变化,笔者做了这像@import“CSS/reset.css” WordPress的仪表板的编辑;可能是这个问题? – user3092762

+0

不,你应该在'style.css'中进行修改。您将在主题的根目录中找到该文件。如果它仍然没有改变,请使用'!important'规则:'{top:20px!important;}' – n1kkou

0

您的标志图像比原来的大。

#logo { 
    width: 300px; 
    float: right; 
    z-index: 100; 
    position:absolute; 
    top: 10px; 
    left: 0; 
} 

只要将顶部:40px更改为更小的东西,如10px。