WordPressテーマSANGOの質問

上下の幅を縮めたい

マツモト

2019/09/07

今やっている設定
・ヘッダーアイキャッチ画像を表示にチェック
・画像の最大横幅に制限を設けるにチェック
・見出し、説明文、ボタンテキストに記入

スマホで見た際、ちょうどいいバランスで表示されているのですが、
PCで見た際、文字量が少ないせいもあるかと思うのですが、
上下の余白（文字の書かれていない部分）が多く、不格好に見えるので、
PCだけ上下の余白を短くしたりできますでしょうか？

よろしくお願いします。

コメントへの回答

サルワカくん

2019/09/07

たとえば768px以上のスクリーンでのみ、ヘッダーアイキャッチ画像の高さを調整するためには、以下のようなCSSを追加CSSに貼り付けます。

@media only screen and (min-width: 768px) {
  .header-image__text {
    padding: 5% 20px;
  }
}

↑このうちの5%の数字が上下の余白の大きさを表しています。
よろしくお願いします。