サポート » 使い方全般 » twenty thirteen TOP画像が拡大表示される

  • isamu ishikawa

    (@isamu-ishikawa)


    以下のサイトを作成しておりますが、TOP画像が拡大表示されてしまいます。

    ネットで色々と調べたのですが、該当記事がないのでこちらで質問させていただいております。

    http://new-prosper.co.jp/

    宜しくお願い致します。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • モデレーター Okamoto Hidetaka

    (@hideokamoto)

    Twenty thirteenはCSSで背景画像を設定しているからですね。

    .site-header {
        background-size: contain;
    }

    の追加でいけそうな気がします。

    トピック投稿者 isamu ishikawa

    (@isamu-ishikawa)

    早速の回答ありがとうございます。

    教えて頂いた内容を

    themes/twentythirteen/style.css

    こちらに記述しましたが、拡大されたままです。

    http://new-prosper.co.jp/

    記述した箇所が違うのでしょうか?

    度々すいません。。

    宜しくお願い致します。

    taku-k

    (@taku-k)

    custom-header.php の

    .site-header {
    	background: url(<?php header_image(); ?>) no-repeat scroll top;
    	background-size: 1600px auto;
    }
    @media (max-width: 767px) {
    	.site-header {
    		background-size: 768px auto;
    	}
    }
    @media (max-width: 359px) {
    	.site-header {
    		background-size: 360px auto;
    	}
    }

    で header画像のサイズを指定しているようなので、この 1600px 768px 360px を変更すれば良いのでしょうが、もともとの画像を 横幅1600px で表示したいように作り直す方が早いような気がします。

    トピック投稿者 isamu ishikawa

    (@isamu-ishikawa)

    taku-k 様

    返信が遅くなり申し訳ございません

    おかげさまで拡大表示が解決出来ました。

    >もともとの画像を 横幅1600px で表示したいように作り直す方が早いような気がします。

    もともとの画像を1600で作成してUPした時もうまくいかなかったので画像を小さくしてUPしたのですが・・

    基本的な部分が分からない状態ですので、これからも色々と勉強していきます。

    アドバイスしてくださった皆様ありがとうございます。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「twenty thirteen TOP画像が拡大表示される」には新たに返信することはできません。