TCDテーマAIDER：「サービス」詳細ページの各背景色を変更する方法

Q.サービス詳細ページのグレーの各背景色は変更できますか？

TCD LABO

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

▼変更箇所イメージ（アイキャッチ画像の背景色）　　→AIDERデモサイト（該当ページ）

▼変更箇所イメージ（リストコンテンツの背景色）　　→AIDERデモサイト（該当ページ）

▼変更箇所イメージ（関連サービスの背景色）　　→AIDERデモサイト（該当ページ）

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

該当のサービス記事編集画面 > カスタムCSSに以下の内容を入力します。

/* アイキャッチ画像の背景色変更 */
.p-single-service-header_back_color {
border-image: linear-gradient(◯ 0 0) fill 0 / 1 / 0 100vi;
}

/* リストコンテンツの背景色変更 */
.service_list_main_type2 {
background-color:◯;
}

/* 関連サービスの背景色変更 */
.p-single-bottom__service {
background-color:◯;
}

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