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

背景色

115
  • INNOVATE HACK (TCD025)

TCDテーマINNOVATE HACK：記事ページのアイキャッチ上部などの文字色・背景色を変更する

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

  • 記事ページ
  • , 背景色
  • , 文字色
  • Chill (TCD016)

TCDテーマChill：背景色を変更したい。

Q.背景色の変更方法を教えてください。A.下記のcssファイルの該当箇所を編集します「Chill」の場合、背景画像をコンテンツ部分に適用しているため、その画像をご変更頂く必要があります。尚、ヘッダーおよびフッターのグラデーション部分やベタ塗り部分には背景画像は適用されませんのでご注意

  • 背景画像
  • , 背景色
  • AGENT (TCD033)

TCDテーマAGENT：ウィンドウサイズを変更した際のグローバルメニューの背景色を変更する方法

Q.ウィンドウサイズを変更した際のグローバルメニューの背景色を変更したい特定のウィンドウサイズでメニューの背景色を固定する方法をご紹介します。A.下記のcssファイルの該当箇所を編集します編集するファイル：agent.css編集する箇所：一番下に以下のコードを付加して下さい。

  • グローバルメニュー
  • , 背景色
  • テーマ共通

スマホ表示時の黒の背景色を異なる色に変更する方法

Q.スマホ表示時の黒の背景色を異なる色に変更したいデフォルトではスマホ表示時は、ヘッダーの背景と一番下部のcopyrightの背景、いくつかの見出しの背景色が黒色になってますが、この色を変更する以下の方法で可能です。A.下記ファイルの該当箇所を編集します編集するファイル：style_

  • 見出し
  • , スマホ、タブレット
  • , 背景色
  • AMORE (TCD028)

TCDテーマAMORE：グローバルメニューの色変更の方法

Q.グローバルメニューの色を変更したいデフォルトのグローバルメニューでは、黒にちょっと透明がかっていますが、これを不透明にする方法を教えてください。A.テーマオプションのカスタムCSSに下記を追記ください※rgbaの設定は左からred・green・blue・alphaとなります。

  • グローバルメニュー
  • , 背景色
  • , 透明度
  • Opinion (TCD018)

TCDテーマOpinion：スライダー部分の背景色を変更する

Q.トップページスライダー部分の背景色の変更をしたいスライダー部分の黒い背景色やタイトル、日付やカテゴリーの文字色の変更方法を教えてください。A.下記のcssファイルの該当箇所を編集します編集するファイル：style_pc.css編集する箇所：※background:#2

  • トップページ
  • , スライダー
  • , 背景色
  • , 文字色
  • SWEETY (TCD029)

TCDテーマSWEETY：トップページのブロックコンテンツの背景色を変更する

Q.2段目と4段目コンテンツのグレーの背景色を変更したい2段目（スライダーの下に表示するコンテンツ）、4段目（商品コンテンツの下に表示するコンテンツ）の背景色を変更することはできますか？A.テーマオプションの基本設定タブ内下部のカスタムCSSに下記コードを記述ください①スライダー

  • トップページ
  • , 背景色
  • , ブロックコンテンツ
  • LAW (TCD031)

TCDテーマLAW：スマホ表示でMENUやSIDEBARエリアの背景色を変更する

Q.スマホ表示の際のサイドエリアの背景色や文字色を変更したいスマホ表示のフッターメニュー「MENU」や「SIDEBAR」を押したときに展開するエリアの背景色の変更方法を教えてください。A.下記コードをテーマオプションのカスタムCSSへ記述します

  • スマホ、タブレット
  • , サイドバー
  • , 背景色
  • , フッターメニュー
  • , メニュー
  • LUXE (TCD022)

TCDテーマLUXE：投稿年月が表示されている部分の色を変更する

Q.投稿ページやアーカイブページの左上に表示される投稿年月の色を変更したい赤枠で囲まれている投稿年月の部分で、背景色（黒やグレー）、文字の色（白）の変更方法を教えてください。A.下記のcssファイルの該当箇所を編集します①背景色の変更編集するファイル：style_pc.css

  • 投稿ページ
  • , アーカイブページ
  • , 投稿日時
  • , 背景色
  • LAW (TCD031)

TCDテーマLAW：ヘッダーのお問合せボタンの色を変更する

Q.ヘッダー右上のお問合せボタンの色を変更したいヘッダー右上のお問合せボタンについて、マウスオーバー時の色はテーマオプションから変更できますが、初期色の灰色を変更する方法を教えてください。▼変更箇所イメージデモサイトA.下記の方法でカスタマイズしてください。管理画面 【外

  • ヘッダー
  • , 背景色
  • , お問合せボタン
  • CORE (TCD027)

TCDテーマCORE：トップページのタブ記事一覧１の「NEW」の文言・背景色・文字色を変更する方法、非表示にする方法

Q.トップページ「タブ記事一覧１」の『NEW』の文言を変更したい。この記事では、・「NEW」の文言変更・「NEW」の背景色・文字色変更・「NEW」を非表示にする方法についてご紹介します。＜変更箇所イメージ＞　　　→COREデモサイトA.下記の方法でご対応くださ

  • 文言変更
  • , 非表示
  • , 背景色
  • , 文字色
  • , 記事一覧
  • AMORE (TCD028)

TCDテーマAMORE：子メニューにマウスオーバーしたときの配色を変更する

Q.グローバルメニューの子メニュー(マウスオーバー)の色の変更方法グローバルメニューの子メニューにマウスオーバーした際の緑色の背景色と白色のテキストを変更する方法を教えてください。A.下記cssファイルの該当箇所をご編集ください編集するファイル：amore.css編集する箇所：

  • グローバルメニュー
  • , 背景色
  • , 文字色
  • Gorgeous (TCD013)

TCDテーマGorgeous:スライダーのタイトル部分の背景カラーを変更する

Q.スライダーのタイトル部分の背景色を変更したいトップページスライダーのタイトルが表示されている部分をデフォルトの黒い背景色から明るい背景色に変更したいです。A.下記のcssファイルの該当箇所を編集します編集するファイル：style_pc.css編集する箇所：上記のうち、

  • トップページ
  • , スライダー
  • , 背景色
  • Opinion (TCD018)

TCDテーマOpinionのカテゴリ色を見出しタグに利用する方法

Q.Hタグにカテゴリー毎に設定しているカラーを適用したいカテゴリーごとに色の設定ができますが、カテゴリーに設定した色をH3やH4タグで使用する方法を教えてください。A.カテゴリーごとに指定した色を取得するには下記ファイルを編集してください編集するファイル：functions/cate

  • 見出し
  • , カテゴリー
  • , 背景色
  • , 文字色
  • Canvas (TCD017)

TCDテーマCanvas：グローバルメニューの色を変更する方法

Q.グローバルメニューの色を変更したいデフォルトカラーでは暗くてサイトの印象に合いません。全体のカラー変更と、マウスオンのときのカラーの変更方法を教えて下さい。A.下記のcssファイルの該当箇所を編集します編集するファイル：style_pc.css(以下全て)編集する箇所：

  • グローバルメニュー
  • , 背景色
  • Grider (TCD015)

TCDテーマGriderで背景色とフォントの色を一括で変更する方法

Q.PC表示で背景色とフォント色を一括で変更したい色合いに変化が欲しいので、サイト全体のキーカラーを変更する方法を教えてください。A.以下のcssファイルの該当箇所をご編集ください。編集するファイル：style_pc.css編集する箇所：※最後の行のcolor(文字色)と

  • 背景画像
  • , 背景色
  • , 文字色