サポート » テーマ » header写真の縦幅を変更したい

  • 解決済 foodnet

    (@foodnet)


    初めまして、wordpress初心者でプログラミングの知識もないです。

    ヘッダー写真の縦幅を変更したくて、Googleの検証を使用して色々試して、
    外観のカスタマイズの「追加CSS」に下記を追加したのですが、変化がありませんでした。

    希望としては、もう少し狭い縦幅にしたく、500pxぐらいにしたいと思っています。

    どうかご協力お願いします。

    
    @media screen and (min-width: 48em)
    .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media {
        height: calc(100vh - 500px);
    }
    

    ヘルプの必要なページ: [リンクを見るにはログイン]

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • ishitaka

    (@ishitaka)

    こんにちは

    “{” が抜けているからではないでしょうか。
    @media screen and (min-width: 48em) {

    あと、.admin-bar は不要では?

    トピック投稿者 foodnet

    (@foodnet)

    私、初心者でよくわかってないのですが、
    コードの最後の方に”{“と記載してるのですが、場所が間違ってるということですか?

    .blog.has-header-video .custom-header-media {
        height: calc(100vh - 500px);
    }

    テーマのコードをそのまま使用しているので、自分でもどの要素が該当してるのかわかっていなくて…。
    お手数かけますがご教授お願い致します。

    ishitaka

    (@ishitaka)

    .home.blog.has-header-image .custom-header-media,
    .home.blog.has-header-video .custom-header-media {
        height: 500px;
    }

    こんな感じではどうでしょうか?

    トピック投稿者 foodnet

    (@foodnet)

    上記の内容をテーマ>追加CSSに追加し、思っていたサイズに変更できました。

    ただ、設定>ほーっむページの表示>固定ページを選択すると
    前の画像の大きさに戻ってしまいました。

    お手数おかけして申し訳ないのですが、どうすればよろしいか再度ご教示いただけますでしょうか。

    また、スマホでページを確認した際、画像にかかっている黒の影は小さくなったのですが、画像事態の大きさは変わりませんでした。
    こちらも修正可能でしょうか。

    本当に初心者で何もわかっていなくて申し訳ございません。

    ishitaka

    (@ishitaka)

    .home.has-header-image .custom-header,
    .home.has-header-video .custom-header {
        height: 500px;
    }

    または、

    .custom-header {
        height: 500px !important;
    }

    ではどうでしょうか?

    トピック投稿者 foodnet

    (@foodnet)

    解決できました。
    大変お手数おかけしましたが、ありがとうございます。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「header写真の縦幅を変更したい」には新たに返信することはできません。