お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマAIDER:「お客様の声」詳細ページの各背景色の変更方法

WordPressテーマ「NULL」

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

ダウンロード

Q.お客様の声詳細ページのグレーの各背景色は変更できますか?

TCD LABO

テーマの仕様上、お客様の声詳細ページの各背景色はカラーコード#f6f6f6で固定されています。

▼変更箇所イメージ(メインコンテンツの背景色)  →AIDERデモサイト(該当ページ)
変更箇所イメージ「メインコンテンツの背景色」

▼変更箇所イメージ(お客様の声一覧の背景色)  →AIDERデモサイト(該当ページ)
変更箇所イメージ「お客様の声一覧の背景色」

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

該当のお客様の声記事編集画面 > カスタムCSSに以下の内容を入力します。

/* お客様の声メインコンテンツの背景色変更 */
.p-single-voice_bg {
    background-color: ◯;
}

.p-single-voice_content_bg {
    background-color: ◯;
}

/* 記事下のお客様の声一覧の背景色変更 */
.p-single-voice-bottom {
    border-image: linear-gradient(◯ 0 0) fill 0 / 1 / 0 100vi;
}

「◯」にはお好みのカラーコードを入力ください。→WEB原色大辞典

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

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

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