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

TCDテーマGENESIS:トップページのコンテンツ背景色を変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページコンテンツビルダーの各コンテンツ背景色を変更できますか?

トップページのコンテンツビルダーの各コンテンツ背景色は白・グレーが交互になるようにテーマ側でデザインされています。

▼変更箇所イメージ →GENESISデモサイト

変更箇所イメージ

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

  1. 背景色を変更したいコンテンツのIDを調べる
  2. カスタムCSSで背景色を指定する

1. 背景色を変更したいコンテンツのIDを調べる

トップページコンテンツビルダーのコンテンツには、上から「cb_content_1」「cb_content_2」…とIDが割り振られています。背景色を変更したいコンテンツのIDを確認しておきます。
管理画面側で非表示にされているコンテンツも含まれるので、一番上のコンテンツが非表示になっていて二番目のコンテンツ背景色を変更したい場合は「cb_content_2」に変更を加えることになります。

2. カスタムCSSで背景色を指定する

TCDテーマ>基本設定のカスタムCSSに以下のような記述を追加して背景色を変更します。

#cb_content_2 { background: #dbc7ba; }

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

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

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