高機能な不動産物件ポータルサイトが作成できるWordPressテーマ「GRAVITY」
ワードプレステーマ別

TCDテーマZEN・ARTISAN他:目次の背景色・文字色の変更方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.TCDクラシックエディタープラグインで作成した目次のスタイルは変更できますか?

デモサイト内で表示されている以下のような「目次」はTCDクラシックエディタープラグインを有効化して設定することで表示しています。

▼変更箇所イメージ  実際の表示例:デモサイト投稿記事ページ
変更箇所イメージ

A.下記の方法で対応してください。

サイト全体に反映:TCDテーマ>基本設定のカスタムCSSに入力
特定の記事に反映:記事編集画面のカスタムCSSに入力

.p-toc-headline { color: #000000; } /* 見出し文字色 */
.p-toc a:not(:hover) { color: #000000!important; } /* 文字色 */
.p-toc a:hover { color: rgba(0, 0, 0, 0.5)!important; } /* ホバー時文字色 */
.p-toc {
  background: #f6f6f6; /* 背景色 */
  border-radius: 10px; /* 背景の角丸 */
  border: 1px solid #eee; /* 背景の枠線 */
}

カラーコードなどを任意に変更してご利用ください。
参考:WEB色見本 / RGBA変換ツール

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事