Panetteriaのコンテンツ幅を設定したいです。

[mitsu]

いつもお世話になっております。
現在Panetteriaのテーマでサイト編集中なのですが

PCのディスプレイによってなのですが
ヘッダー画像の違和感が生じるようです。
※特に横長のディスプレイ

なんとか最大のコンテンツ幅を設定したいのですが
良い方法があれば教えていただきたくこちらに記入させていただいております。

ご面倒をおかけいたしますが、よろしくお願い致します。

[hsasaki]

お世話になります。
Panetteriaテーマは、親としてそのままお使いでしょうか？
もしくは、子テーマで編集されておりますでしょうか？

> ヘッダー画像の違和感
とおっしゃられているのは具体的に、
横長のディスプレイですと、
画像の下の部分が切れてしまうからと言うことでしょうか？

単純に画像の左右を設定するのは、
CSSで可能です。
1170px以上で効く様に書き、
.main-image の width にご希望の値を入れ、
margin を auto にしてください。
具体的には、

@media screen and (min-width: 1170px) {
.main-image {
width: 1170px;
margin: auto;
}
}

ただし、
親テーマとしてそのままお使いであれば、
外観→カスタマイズ→追加CSS の所に書いてください。
子テーマでしたら、
style.css に追加してください。

[投稿者]

投稿