サポート » 使い方全般 » h1, h2などヘッドラインの大きさを変更したい

  • 解決済 ueokak

    (@ueokak)


    WordPressの初心者です。
    h1, h2などのヘッドラインの大きさを変えたいのです。
    Wordpressは5.2.2でテーマはCustomifyを使ってます。
    style.cssを探してみると以下のような記述が出てきました。
    この中のどこをどのように変更すればいいですか?
    または、追加CSSで解決しうることでしたら、そちらの記述も教えてください。
    よろしくお願いします。

    /* # Heading */
    h1,
    h2,
    h3,
    h4,
    .comments-area .comment-reply-title,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
      font-weight: 400;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      margin: 0 0 0.5407911001em;
      color: #2b2b2b;
      clear: both;
    }
    
    h1,
    .h1 {
      font-size: 2.42em;
      line-height: 1.216;
    }
    @media screen and (max-width: 1024px) {
      h1,
      .h1 {
        font-size: 2.1em;
      }
    }
    @media screen and (max-width: 568px) {
      h1,
      .h1 {
        font-size: 1.8em;
      }
    }
    
    h2,
    .h2 {
      font-size: 2.1em;
      line-height: 1.216;
    }
    h2 + h3,
    .h2 + h3 {
      border-top: 1px solid #eaecee;
      padding-top: 0.5407911001em;
    }
    @media screen and (max-width: 1024px) {
      h2,
      .h2 {
        font-size: 1.9em;
      }
    }
    @media screen and (max-width: 568px) {
      h2,
      .h2 {
        font-size: 1.7em;
      }
    }
    
    h3,
    .h3 {
      font-size: 1.618em;
    }
    
    h4, .comments-area .comment-reply-title,
    .h4 {
      font-size: 1.41575em;
    }

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

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

    (@ishitaka)

    こんにちは

    h1, h2などのヘッドラインの大きさを変えたいのです。

    h1, h2 は、サイトタイトルや投稿(ページ)タイトル、ウィジェットタイトル、コンテンツ(投稿の本文)内など様々な場所で使用されています。対象とする場所は、どこでしょうか?

    サイトタイトルやウィジェットタイトル、コンテンツ(投稿の本文)内であれば、カスタマイズから設定することができます。

    投稿タイトルであれば、下記のようなスタイルで変更することができます。

    /* 投稿タイトル */
    .entry h1.entry-title {
    	font-size: 10em;
    }
    /* アーカイブページの投稿タイトル */
    .entry h2.entry-title {
    	font-size: 10em;
    }
    CG

    (@du-bist-der-lenz)

    ishitaka

    (@ishitaka)

    訂正です。

    /* 投稿タイトル */
    .entry h1.entry-title {
    	font-size: 10em;
    }
    /* アーカイブページの投稿タイトル */
    .entry h2.entry-title {
    	font-size: 10em;
    }
    /* ページタイトルバーのタイトル */
    h1.titlebar-title {
    	font-size: 10em;
    }

    おおおおーーー
    そこにあったとは!

    注意散漫で申し訳ございません!!

    お2人とも教えてくださり、ありがとうございました!!m(_ _)m

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。