No.1
4974
2154
8
0
.header-image-enable #blog-title #blog-title-inner {
background-size: 100% 200px;
background-position: initial !important;
}
No.1
49742154
ここでベストアンサー
.header-image-enable #blog-title #blog-title-inner {
background-size: 100% 200px;
background-position: initial !important;
}
もしよかったら、縦幅いっぱいにするのも教えてください。（無理なら大丈夫です）
縦の方は、元の方にサイズがバッチリ書いてある（200px）ので、そちらも変更する必要があります。
このコメントを書いている時点の「箱」の画像は縦が 512px なので、↓のようになります。
.header-image-enable #blog-title #blog-title-inner {
height: 512px;
background-size: 100% 512px;
background-position: initial !important;
}
height を追加して、画像の│サイズを指定。
background-size の 2番目の数字も合わせる。
ただ、これだと画像がでかすぎて、初見の人がタイトル画像しか見えないことになります。
どちらかというとサイズに合わせた画像を用意するのが良いのではないかと思います。
画像が、200px を少し超える程度であれば、上記の方法でサイズ指定をしても良いかな、とは思いますが。
そうですね。わかりました。
回答ありがとうございました。
2
縦の方は、元の方にサイズがバッチリ書いてある（200px）ので、そちらも変更する必要があります。
このコメントを書いている時点の「箱」の画像は縦が 512px なので、↓のようになります。
.header-image-enable #blog-title #blog-title-inner { height: 512px; background-size: 100% 512px; background-position: initial !important; }height を追加して、画像の│サイズを指定。
background-size の 2番目の数字も合わせる。
ただ、これだと画像がでかすぎて、初見の人がタイトル画像しか見えないことになります。
どちらかというとサイズに合わせた画像を用意するのが良いのではないかと思います。
画像が、200px を少し超える程度であれば、上記の方法でサイズ指定をしても良いかな、とは思いますが。
そうですね。わかりました。
回答ありがとうございました。