Question

我在我的网站www.theestablishmenthairdressing.com的标题中添加了一个徽标，但它显得非常小（左上角的徽标）。

我可以通过检查Safari中的代码看到它看起来对主题中内置徽标的大小有限制：

<h1 class="header-logo">
   <a href="http://www.theestablishmenthairdressing.com/" rel="home">
      <img class="" width="50" height="50" src="//www.theestablishmenthairdressing.com/wp-content/uploads/2017/08/Establishment-LOGO-header.png" alt="The Establishment Hairdressing" />                        
   </a>
</h1>

然而，我不清楚如何改变这一点。我试过添加的 CSS

h1.header-logo {
    width: 200px !important;
}

对于儿童主题的style.css然而，这并没有什么不同。

请帮我解决这个问题。

Answer 1

将文件复制到此代码可能为header.php的子主题文件夹中，并从width="50" height="50"标记中删除img。现在，您可以在style.css。

中进行更改

Answer 2

你应该使用如下。

    h1.header-logo img {
        width: 200px !important;
    }

或

h1.header-logo>a>img {
        width: 200px !important;
    }

Answer 3

只需删除图片代码的宽度和高度属性：

<img class="" src="//www.theestablishmenthairdressing.com/wp-content/uploads/2017/08/Establishment-LOGO-header.png" alt="The Establishment Hairdressing">

它应该可以正常工作。

Answer 4

http://wpdemos.themezaa.com/pofo/documentation/knowledgebase/logo-typography-and-colors/change-logo-size/

标头徽标的代码

header a.logo-light img{ max-height: 26px;}

粘贴标头徽标的代码

header a.logo-dark img {max-height: 26px;}

页脚徽标代码

.footer-logo { max-height: 26px; }

汉堡徽标代码

.hamburger-logo img { max-height: 46px; }

如何在Wordpress网站上增加标题的大小

4 个答案: