ブログ公開までの道のり４
2017/06/06
ヘッダ画像が出来たので早速 STINGER5 に適用することにします。
ヘッダ画像を差し換えるということを試みました。するとヘッダ画像が左上の方に小さく表示されます。
いろいろ調べた結果、これを何とかするためにコードを追加するのですが、どこに追加するのかわからず、多くの時間を費やすことに・・・。
.sitename img {
max-width: 100%;
}
をCSSに加えるということなんですが、どうやればいいか分りません。
説明では、「外観⇒CSS編集」とあるのですが私のバージョンでは「外観⇒テーマの編集」でスタイルシート(style.css)を編集するようです。
つぎに、加える場所もどこかわかりませんでした。
/* ロゴ画像の最大サイズ */
.sitename img {
max-width: 300px;
margin: 0 auto;
}
このように、元のコードに似たような記述があって、そこの近くに加えてみたり、いっそのことmax-width:300px;以下を書き換えてみましたが何も変わりませんでした。
結局は最後に記述するので良いと分かり、最後の部分を
.sitename img {
max-width: 100%;
}
/*– ここまで –*/
}
とすることで解決することが出来ました。
スポンサード リンク
