2013-12-11 143 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。