記事部分の文字色を設定(変更)する【gerbera】
- gerberaテンプレート
- | CM(2)
- | TB(0)
- |

【gerbera】テンプレートの、記事部分の文字色を変更したいのですが?というご質問を頂戴いたしましたので、記事にしてみます。
【gerbera】テンプレートの場合、記事部分のスタイルの設定は、コメント部分のスタイルの設定部分とを併せて書いておりますので、まずは、分離する必要があります。
テンプレートのスタイルシート(CSS)の中から、以下のブロックを見つけます。
.entry_body,
.comment_body
{
line-height: 160%;
margin: 0px 15px 0px 15px;
padding: 10px 0px 10px 0px;
}
上記のブロックを、以下のように2つに分離します。
.entry_body
{
line-height: 160%;
margin: 0px 15px 0px 15px;
padding: 10px 0px 10px 0px;
}.comment_body
{
line-height: 160%;
margin: 0px 15px 0px 15px;
padding: 10px 0px 10px 0px;
}
分離が終わりましたら、.entry_bodyブロックの{から}までの間に、お好みの文字色を、以下のように書き加えます。
.entry_body
{
line-height: 160%;
color: #カラーコード;
margin: 0px 15px 0px 15px;
padding: 10px 0px 10px 0px;
}
以上までの作業で、記事部分の文字色を設定(変更)する事が出来ます。
なお、ご注意いただきたいのは、「続きを読む」をクリックした場合、一記事表示モードへ移動するわけですが、その場合は、「続きを読む」部分に追記した文章もそのまま、上記で設定した文字色になってしまう、という事です。
もし、「続きを読む」で追記した部分の、文字色の変更はしない場合、以下のブロックに、元の文字色(bodyに設定している文字色)を設定する必要があります。
.entry_more
{
line-height: 160%;
margin: 0px;
padding: 10px 0px 10px 0px;
}
上記のままでは、文字色の設定は.entry_bodyブロックで指定した文字色が引き継がれますから、以下のように文字色を指定します。
.entry_more
{
line-height: 160%;
color: #000;←追加
margin: 0px;
padding: 10px 0px 10px 0px;
}
上記の作業をしますと、記事の上部と追記部分とが別々の色に設定されます。
- Posted at:
- 2006年
- 04月
- 16日
- (日)
- 18:32
- TOP △
トラックバックURI
Copyright © 2006 FC2blogの着せ替えブログ.
all rights reserved.












