2017-08-30 8 views
-2

まずは:How to change the logo of my wordpress siteを見て、私の問題に有益な情報が見つかりませんでした。あなたは衣装のロゴ画像を参照画像でWordpress:私のサイトのロゴ画像を変更できません

...

enter image description here

...と画面サイズがこの新しいイメージで、小さくなれば、私は、それを変更:

enter image description here

画像を交換するために私が書く必要があります

@media screen and (max-width: 800px){ 


     .logo-wrapper > .logo > img { 
      background-image: url('wp-content/uploads/2017/06/new_logo.png')!important; 
    } 
} 

しかし、旧ロゴは、まだ、ホームページで見られるし、新しいロゴの一部で覆われている:それはIMGタグから来るので

enter image description here

+1

カスタムテーマまたはレスポンシブメニュープラグインを使用していますか? – Ranjit

+1

多分青い背景のテキストdivがあります..サイトリンクを提供してください.. – codesayan

+1

サイトリンクを提供してください。私は正確な解決策を言うことができるように、 – Ranjit

答えて

1

旧ロゴは、おそらくまだ見られています。あなたのCSSで「SRC = 『パスからイメージへの』」

を持って、あなたは「new_logo.png」にIMGタグの背景を設定しているが、IMGは、静止画像を保持する可能性があります同じように。

正に、私はWPコードの構造に精通していませんが、IMGタグが存在するか生成されたコードを見てください。そのため、デフォルトのロゴが表示される方法を変更してCSSの背景にするためにいくつかの変更を加えなければならないため、メディアのクエリは解像度の変更時にデフォルトを上書きします。それはこのようなものかもしれない

<div class="logo-wrapper"> 
    <a class="logo" href="<?php someCodeToGetUrl()"> 
     <img src="<?php getLogoUrl(); ?>" /> 
    </a> 
</div> 

電位変化は次のようになります。あなたのメディアクエリが動作するはずポイント

<div class="logo-wrapper"> 
    <a class="logo" href="<?php someCodeToGetUrl()"> 
     <span style="background-image: url('<?php getLogoUrl(); ?>')"></span> 
    </a> 
</div> 

れます。サイジング/位置決めなどのためにCSSを追加する必要があります。

私はもっ​​と助けになることができなかったのは残念だ。私はWPをインストールし、より正確な例のためのコードをチェックするのに十分な時間がありません。

1
  1. 管理者バーの上部にある[カスタマイズ]セクションのロゴオプションを確認してみてください。
  2. ロゴタグのheader.phpファイルを確認し、そのURLを変更してください。
関連する問題