wordpressで、Lightningさんのテーマを使っていると

投稿のタイトル文字(頭文字)が、サイトカラーになる、というデザインに設定されています。

 

これを、好きな色に、そして全て変更するときのCSSがこちら

※今回は赤(#ff0000)で指定していますが、colorは好きなカラーコードにしてください

/*1文字目の色*/
h1.entry-title:first-letter,
.single h1.entry-title:first-letter { color:#ff0000; }

/*2文字目以降の色*/
h1.entry-title>a{
	color:#ff0000;
}

↓これをかくと、こうなります


ポイントは「頭文字」と「2文字目以降」が別だってことですね。だから色コードも2か所書く必要があるわけです。

 

「頭文字だけ」変更したい場合は、下段のコードは一式削除してください

 

 

初めてのCSS

    コメントを残す