2017-08-02 9 views
0

私のウェブサイトのヘッダーにロゴを追加しましたwww.theestablishmenthairdressing.com非常に小さい(ロゴの左上に表示されます)。Wordpressのサイトのヘッダーのロゴのサイズを増やす方法

私がテーマに組み込まれたロゴの大きさに制限があるように見えること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> 

それは、これを変更する方法を私に明確ではないのですが。しかし私は、これは違いはありませんでした子テーマのstyle.cssにまで CSS

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

を追加しようとしました。

私を助けてください。

答えて

2

は、このコードは、おそらくである子テーマフォルダにファイルをコピーしますheader.phpを削除し、imgタグからwidth="50" height="50"を削除します。今すぐあなたの変更をstyle.cssで行うことができます。

+0

私はphpファイル(いくつかのヘッダーのバリエーションがあるように、親のテーマの "ヘッダー"フォルダに実際にあった)を配置しました。ファイルを子テーマにコピーしましたが、親テーマをオーバーライドしていないので、親PHPファイルのバックアップを作成して直接編集しても問題ありませんでした。ご回答有難うございます :)。 –

1

次のように使用してください。

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

または

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

だけの幅を削除して、高さがイメージタグの属性:

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

それが正常に動作する必要があります。

0

あなたのロゴがハードコードされ、スクリーンショット

http://prntscr.com/g3fz2s

からこの部分を削除し、この

http://prntscr.com/g3fzkm

+0

あなたの答えをありがとう私は私のブラウザで調べるために行くなら、私はこれを行うことができますが、私はあなたが最良の方法を助言することができますWordpressのサイト上の実際のHTMLを編集する方法がわからないですか?ありがとう。 –

+0

あなたの子供のテーマにheader.phpをコピーして編集すると、header.phpは wp-content/themes/theme/header.phpにあります – Armin

+1

こんにちはアルミン私は特定のheader.phpファイルがバックアップを作成し、それは素晴らしい、あなたの答えのおかげで働いた8) –

関連する問題