Q.記事ページのアイキャッチ画像上部の文字色・背景色を変更したい。
「INNOVATE HACK(TCD025)」では、スタイリッシュなイメージにあわせてテーマ側でスタイル(文字色・背景色)を指定している箇所があります。
▼変更箇所イメージ →デモサイト記事ページ

A.下記の方法で対応してください。
外観>テーマオプション>基本設定のカスタムCSSに入力してください。
/* 2. アイキャッチ上部のバー */
.post_meta { background: #000; color: #fff; }
.post_meta li a { color: #fff; }
/* 3. デザインされた記事一覧ウィジェット */
.styled_post_list1 li { background: #444; color: #fff; }
.styled_post_list1 li a { color: #fff; }
/* 4. 記事本文 */
.post_content { background: #f3f3f3; }
/* 5. 投稿者 */
.author_info { background: #f9f9f9; }
/* 5-a. 投稿者一覧へのボタン */
.author_info_link { background: #e8e8e8; }
a.author_info_link { color: #333; }
/* 6. 前後の記事リンク */
#previous_post a, #next_post a { background-color: #f3f3f3; }
/* 7. 8. 関連記事・おすすめ記事・コメントの見出し */
.single_headline { background: #000; color: #fff; }
/* 7. 関連記事・おすすめ記事の下線 */
#related_post ol,
#single_recommend_post ol { border-top: 3px solid #333; }
/* 8. コメントの下線 */
#comment_header { border-bottom: 3px solid #000; }
❶ヘッダー・ウィジェット見出しと下線・フッターは以下の記事で調整用のCSSをご案内しています。
Q.ヘッダーやアーカイブページのカテゴリー見出しなどの文字色・背景色を変更したい。 「INNOVATE HACK(TCD025)」では、スタイリッシュなイメージにあわせてテーマ側でスタイル(文字色・背景色)を指定している箇所があります。 ▼変更箇所イメージ →デモサイトカテゴリーアーカイ...
❷アイキャッチ上部のバーの各アイコンは画像で表示されているため、変更には画像が必要になります。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!