Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › CSSでフォント色の変更をしたいのですが…
- このトピックには6件の返信、1人の参加者があり、最後に
かうたっくにより8年、 5ヶ月前に更新されました。
-
投稿者投稿
-
-
2018年2月28日 6:44 AM #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;
} -
2018年2月28日 9:53 AM #59024
かうたっく
ゲスト例えばCSSの指定方法を以下のように指定するなどですか?
body, h1, h2, h3, h4, aキャッシュのない状況でご確認ください。ちょっと違う・・・ってときは、カスタマイズしたいページのURLを貼って、どの部分をこうしたいなど、具体的に伝えて頂けたらと思います。
※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。
-
2018年3月1日 10:35 AM #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/ -
2018年3月1日 10:41 AM #59054
かうたっく
ゲストbody, h1, h2, h3, h4, a, p { font-family: “Meiryo”, sans-serif; color:#008000 !important; }これでキャッシュを削除してご確認ください。
-
2018年3月1日 10:45 AM #59055
かうたっく
ゲストbody, h1, h2, h3, h4, a, p, #footerとしたらfooterも色が変わると思います。 -
2018年3月2日 5:37 AM #59081
yasa
ゲスト回答ありがとうございます。
CSS内での”body”は、基本的に記事本文のみにしか反映されないという解釈でよろしかったでしょうか。
サイト全体の色やフォントを変更したい場合は
body, h1, h2, h3, h4, a, p, #footer
のように、一つずつの要素ごとに指定していかなければならないのでしょうか?
私だけでなくsimplicity2では皆さんがこうなのか知りたくて・・・よろしくお願いたします。
-
2018年3月2日 5:56 PM #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; }要素の検証でご自身で確認すればわかりますよ。※検索すればたくさんやり方は見つかりそうです。
-
-
投稿者投稿
- フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。