如何在Wordpress中修復標題高度和使用CSS調整標誌大小

這是我的website.我使用Wordpress工作，我的主題是Sonata（Themeforest）。如何在Wordpress中修復標題高度和使用CSS調整標誌大小

在某些時候，我對CSS代碼中的菜單欄高度進行了一些調整，但現在我想再次調小它（更符合比例）。此外，我想使徽標響應，以便它適合菜單欄。

有人可以幫助我的CSS代碼？我不知道我應該修改了代碼的一部分，但我相信它是這一個（糾正我，如果它不是）：

/* Header 
-------------------------------------------------------------------------------------- */ 
#wi-header { 
    width:100%; 
    height:40px; 
    position:relative; 
    background:#fff; 
    z-index:9999; 
    transition:height .3s ease-out; 
    } 
#wi-header .container { 
    position:relative; 
    } 
#wi-logo a { 
    display:block; 
    color:#333; 
    font-size:34px; 
    font-family:"Oswald", sans-serif; 
    text-decoration:none; 
    text-transform:uppercase; 
    margin:0; 
    height:auto; 
    } 
#wi-logo img { 
    max-height:auto; 
    display:block; 
    class:img-responsive; 
    } 
.site-description { 
    color:#999; 
    font-style:italic; 
    margin-top:10px; 
    } 
.site-description a { 
    color:#333; 
    text-decoration:underline; 
    }

預先感謝您爲您的幫幫我！

來源

2017-02-25 Agilmar

我增加了style =「position：absolute; height：100％;」到一個img標籤，它被修復了。

來源

2017-02-25 15:17:09

如果你想調整你的佈局，我建議你開始學習HTML & CSS。也就是說，您的徽標採用其父元素的寬度，即<div class="span4">。因此，與此div相比，您的徽標寬度爲100％。一種解決方案可能是：

#wi-logo img { 
    width: 50%; 
}

這將使您的標誌的寬度的一半的父母。但有多種可能性，取決於你真正想要的。再次，我建議你學習基礎知識。 MDN是一個很好的開始。

編輯：

在大多數情況下，如果你wan't修改主題，你能做的最好的事情，就是創建一個子主題。修改現有主題的代碼永遠不是好習慣。當它得到更新時，你可能會失去你的改變。看看https://codex.wordpress.org/Child_Themes。簡短的回答：創建一個至少包含style.css文件的子主題，並在其中進行更改。在style.css中至少應包含這樣的評論在它的頂部：

/* 
Theme Name: Your Child Theme Name 
Template:  Sonata 
*/

哪裏Template是父主題，索納塔在您的案件。然後，選擇您的主題作爲您的網站在後端的主題。

最後但並非最不重要的：恕我直言，你不應該修改跨度div的CSS。很可能這是像基金會這樣的（網格）框架的一部分，可能有12列的佈局，其中span-4意味着寬度的100％的4/12。這是默認結構，並不意味着要改變。但繼續嘗試。

來源

2017-02-25 14:28:38

您好Thomas_inckx，感謝您的及時回覆！如果徽標已經從其父元素響應，那麼我真正想要的是更改父元素（主導航/菜單欄）。我知道HTML和CSS的基礎知識，但仍然迷失在字符串中。哪一個是我應該修改的代碼字符串？ – Agilmar

我編輯了我的答案。希望這個清楚。但是如果你已經知道HTML和CSS的基礎知識，你應該知道在哪裏尋找...... –

如何在Wordpress中修復標題高度和使用CSS調整標誌大小

回答

相關問題