CSSでフォント色の変更をしたいのですが…

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など CSSでフォント色の変更をしたいのですが…

  • このトピックには6件の返信、1人の参加者があり、最後にかうたっくにより8年、 5ヶ月前に更新されました。
6件の返信スレッドを表示中
  • 投稿者
    投稿
    • #59018
      yasa
      ゲスト

      はじめまして。

      windows10、chromeにてSimplicity2 を使用しております。

      この度サイト全体のフォント色などを変更したくて
      使用している子テーマのスタイルシートにて
      ネット上のCSSコードをコピペしたのですが
      変更されるのが記事本文のみとなってしまいます。
      サイト全体のフォント色を変えたいのですが…
      スキンは選択しておらず、プラグインもすべて無効にしました。

      このコードはもともと記事本文のみの適用なのですか?
      タイトル・リンク・サムネイルなどそれぞれのためにコードを打ち込まなければならないのでしょうか?
      恥ずかしながら初心者ですので、その場合はプラグインに頼ろうかと…

      スタイルシートの内容は下記のとおりです。₍フォントカラーはわかりやすいように緑になっています。)

      よろしくお願いいたします。

      @charset “UTF-8”;

      /*!
      Theme Name: Simplicity2 child
      Template: simplicity2
      Version: 20161002
      */

      /* Simplicity子テーマ用のスタイルを書く */

      /* フォントを灰色にする */
      body {
      font-family: “Meiryo”, sans-serif;
      color:#008000!important;
      }

    • #59024
      かうたっく
      ゲスト

      例えばCSSの指定方法を以下のように指定するなどですか?

      body,
      h1,
      h2,
      h3,
      h4,
      a

      キャッシュのない状況でご確認ください。ちょっと違う・・・ってときは、カスタマイズしたいページのURLを貼って、どの部分をこうしたいなど、具体的に伝えて頂けたらと思います。

      ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

    • #59052
      yasa
      ゲスト

      回答ありがとうございます!

      CSSを以下のように書きかえました。

      @charset “UTF-8”;

      /*!
      Theme Name: Simplicity2 child
      Template: simplicity2
      Version: 20161002
      */

      /* Simplicity子テーマ用のスタイルを書く */
      /* フォントを灰色にする */
      body,
      h1,
      h2,
      h3,
      h4,
      a
      {
      font-family: “Meiryo”, sans-serif;
      color:#008000!important;
      }

      ほとんどの文字色は反映されたようですが
      記事一覧リストの抜粋文?や投稿日の文字色が変わってないようです。
      サイト全体の文字色は、”body”コードで一括変更できないということですか?
      それとも何か原因があって、反映されていないのでしょうか。。。

      調べてみると他の方々はできているようなので、
      出来れば”body”コードのみで反映されるとありがたいです…。
      よろしくお願いいたします。

      サイトURLはこちらです。

      https://yasa0.com/

    • #59054
      かうたっく
      ゲスト
      body, h1, h2, h3, h4, a, p {
          font-family: “Meiryo”, sans-serif;
          color:#008000 !important;
      }

      これでキャッシュを削除してご確認ください。

    • #59055
      かうたっく
      ゲスト

      body, h1, h2, h3, h4, a, p, #footer としたらfooterも色が変わると思います。

    • #59081
      yasa
      ゲスト

      回答ありがとうございます。

      CSS内での”body”は、基本的に記事本文のみにしか反映されないという解釈でよろしかったでしょうか。

      サイト全体の色やフォントを変更したい場合は
      body, h1, h2, h3, h4, a, p, #footer
      のように、一つずつの要素ごとに指定していかなければならないのでしょうか?
      私だけでなくsimplicity2では皆さんがこうなのか知りたくて・・・

      よろしくお願いたします。

    • #59085
      かうたっく
      ゲスト

      私だけでなくsimplicity2では皆さんがこうなのか知りたくて・・・

      body, h1, h2, h3, h4, a, p, #footer {
          font-family: “Meiryo”, sans-serif;
          color:#008000 !important;
      }

      よくわかりませんが、qiita.com で見ても似た感じですよ。Qiitaだと以下CSSでだいたい対応できますが。

      body, h1, h2, h3, h4, p, a, span, div, code {
          font-family: “Meiryo”, sans-serif;
          color:#008000 !important;
      }

      要素の検証でご自身で確認すればわかりますよ。※検索すればたくさんやり方は見つかりそうです。

6件の返信スレッドを表示中
  • フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)