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

背景色

121
  • UNIQUE (TCD044)

TCDテーマUNIQUE:トップページ制作実績一覧のカテゴリー背景色を変更する方法

Q.トップページの制作実績一覧のカテゴリー背景色を変更したいです。デフォルトでは黒になっています。変更する場合は、CSSを調整してください。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。カラーコードは適宜ご変

  • AIDER (TCD115)

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

Q.お客様の声詳細ページのグレーの各背景色は変更できますか?テーマの仕様上、お客様の声詳細ページの各背景色はカラーコード#f6f6f6で固定されています。▼変更箇所イメージ(メインコンテンツの背景色)  →AIDERデモサイト(該当ページ) ▼変更箇所イメージ(お客様の声一

  • AIDER (TCD115)

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

Q.サービス詳細ページのグレーの各背景色は変更できますか?テーマの仕様上、サービス詳細ページの各背景色はカラーコード#f6f6f6で固定されています。▼変更箇所イメージ(アイキャッチ画像の背景色)  →AIDERデモサイト(該当ページ) ▼変更箇所イメージ(リストコンテンツ

  • AIDER (TCD115)

TCDテーマAIDER:サービスページのショートコードコンテンツの背景色を変更する方法

Q.サービスページのショートコードで配置できる各コンテンツの背景色は、自由に変更できますか?テーマの仕様上、サービスページに配置できるショートコードコンテンツに使われている背景色は、テーマオプションで設定したアクセントカラーが反映されます。▼変更箇所イメージ(カード型リスト)  →AID

  • MAXX (TCD043)

TCDテーマMAXX:トップページ「コンテンツ2」の矢印の色・背景色・文字色を変更する方法

Q.トップページ「コンテンツ2」の「ボックス3」の背景色・文字色・矢印の色を変更したい。この箇所には基本設定の「メインカラー」「第2カラー」が主に適用されます。▼変更箇所イメージ  →MAXXデモサイト A.下記の方法で対応してください。外観>TCDテーマオプション>基

  • SHIPS (TCD098)

TCDテーマSHIPS:サイドに表示される「ログイン」「会員登録」のボタンの色を変える方法

Q.質問内容・ログインしていない時に、サイドに表示される「ログイン」「会員登録」のボタンを変えたいです。・右側に常に表示されているログイン、会員登録のタブを、それぞれ異なる色に変えたいです。▼変更後イメージ(撮影箇所:SHIPSデモサイト)A.下記の方法でカスタマイズして

  • ZEN (TCD113)

TCDテーマZEN:カスタム投稿「季節の行事」のアイキャッチ画像・説明文のエリアの背景色を変更する方法

Q.質問内容・カスタム投稿「季節の行事」の投稿ページにおいて、アイキャッチ画像・説明文のエリアの背景色を変更する方法を教えてください。・カスタム投稿「季節の行事」の各記事のアイキャッチ画像周辺の背景画像を削除したいです。▼変更箇所イメージ(撮影箇所:デモサイト「春の行事」)

  • GENESIS (TCD103)

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

Q.トップページコンテンツビルダーの各コンテンツ背景色を変更できますか?トップページのコンテンツビルダーの各コンテンツ背景色は白・グレーが交互になるようにテーマ側でデザインされています。▼変更箇所イメージ →GENESISデモサイトA.下記の方法で対応してください。背

  • ISSUE (TCD106)

TCDテーマISSUE:ドロワーメニューを開いたときの背景色・文字色を変更する方法

Q.ドロワーメニューの開閉アイコンと背景色、開いたときの背景色と文字色を変更したいです。ドロワーメニューの開閉アイコンと開いたときの背景色には「アクセントカラー」が適用されます。(サイト全体に統一感をもたせるため、サイト内の複数箇所で「アクセントカラー」が適用されます。)▼変更箇所イ

  • HEAL (TCD077)

TCDテーマHEAL:スケジュールページ内「○月○日 – ○月○日 のスケジュール」箇所の背景色・文字色を変更する方法

Q.固定ページの「スケジュールページ」テンプレートで「○月○日 - ○月○日 のスケジュール」箇所の背景色・文字色を変更したいです。▼変更箇所イメージ   →HEALデモサイト「SCHEDULE」ページA.下記の方法でご対応ください。当該固定ページ編集画面の「カスタムCSS」

  • SERUM (TCD096)

TCDテーマSERUM:サイドアイコンボタンの文字色と背景色を変更する方法

Q.サイドアイコンボタンでアイコンを表示した場合、背景色が白で文字色がアクセントカラーになります。アイコンを表示したまま、背景色をアクセントカラー、文字色を白にしたいです。デフォルトでは以下のようになっています。アイコンを表示する場合 背景色:白 文字色:アクセントカラー

  • ISSUE (TCD106)

TCDテーマISSUE:グローバルメニューの背景色を変更する方法

Q.ヘッダーで「ドロップダウンメニュー」を設定しています。背景色は変えられますか?▼変更箇所イメージISSUEを検討中のお客様へISSUEのヘッダーは2タイプ(ドロワーメニュー/ドロップダウンメニュー)のデザインから選択いただける仕様です。デモサイトでは「ドロワーメニュー」を表示

  • HOLOS (TCD108)

TCDテーマHOLOS:トップページ「スタッフ一覧」「お知らせ一覧」「お客様の声一覧」の背景色を変更する方法

Q.トップページのコンテンツビルダー「スタッフ一覧」「お知らせ一覧」「お客様の声一覧」に設定されている背景色をなくしたい・色を変更したいです。各コンテンツにはテーマ仕様で背景色が指定されています。コンテンツの並び順によっては背景色を変更したい場面があるかもしれませんね。HOLOSを検

  • HOMME (TCD107)

TCDテーマHOMME:ヘッダーのボタンの背景色・文字色を変更する方法

Q.ヘッダーバーにボタンを設定しています。色合いを変更してより目立つようにしたいです。テーマ仕様ではボタンの背景色に「アクセントカラーの明るさを変更した色」が適用されます。他にもアクセントカラーを元にした色が適用される箇所がありますが、『サイトに統一感をもたせるため』の仕様です。▼変更箇

  • SEEED (TCD105)

TCDテーマSEEED:ヘッダーメニューまわりの背景色・文字色の変更方法

Q.ヘッダーバーの背景色や文字色は変更できないのでしょうか?▼変更箇所イメージ    ※❸のメガメニューは本来は中央に表示されます。A.下記の方法で対応してください。TCDテーマ>基本設定のカスタムCSSに入力して調節します。●(背景色)○(リンク文字色)を任

  • Ankle (TCD092)

TCDテーマAnkle:商品一覧ページの読み込みボタンの色を変更する方法

Q.商品一覧ページ(アーカイブページ)の下部にある、読み込みボタンの色味は変更することができますか?※Ankleの仕様として、商品一覧ページの読み込みボタンの色は#aaaで固定されています。▼変更箇所イメージA.はい。CSSの調整で対応可能です。TCDテーマ>基本設定のカ

  • HORIZON (TCD093)

TCDテーマHORIZON:ブログやお知らせページの記事本文部分の背景色を変更する方法

Q.投稿(ブログ)記事ページやお知らせ記事ページの記事本文部分に薄いグレーの背景色がついていますが、これを変更したいです。A.下記の方法で対応してください。TCDテーマ>基本設定のカスタムCSSに〇を任意のカラーコードに変更して入力してください。ブログアーカイブや

  • Beyond (TCD094)

TCDテーマBeyond:トップページ「導入事例一覧」の背景色を変更する方法

Q.トップページコンテンツビルダーの「導入事例一覧」の背景色を変更したい。フリースペースは任意に背景色を設定出来ますが、導入事例一覧ではテーマ側で背景色が設定されています。▼変更箇所イメージ   →BeyondデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設

  • BASARA (TCD100)

TCDテーマBASARA:トップページ「記事スライダー」のアローの背景色を変更する方法

Q.トップページの「記事スライダー」の左右矢印の色合い(背景色・アイコンの色・枠線)を変更したいです。アイキャッチ画像の色合いによってはアロー部分が見えづらいこともあるかもしれませんね。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCS

  • Beyond (TCD094)

TCDテーマBeyond:トップページヘッダーコンテンツのラウンド部分に背景色を設定する方法

Q.トップページのヘッダーコンテンツ下に背景色があるコンテンツを表示させています。そうすると、ヘッダーコンテンツの下部分のデザインの背景色が浮いてしまいます。コンテンツビルダーで背景色を設定したフリースペースなどを設定した際に、ヘッダーコンテンツ下部のラウンドデザインの背景色を変更したい場合があ

  • HORIZON (TCD093)

TCDテーマHORIZON:ヘッダーのドロップダウンメニューの背景色・文字色を変更する方法

Q.グローバルメニューのサブメニュー「ドロップダウンメニュー」の、背景色と文字色を変更したいです。HORIZONのヘッダーメニューのレイアウトについてはデモサイト内のブログ記事でもご紹介しております。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力

  • GAIA (TCD102)

TCDテーマGAIA:イベントカレンダーの「当日」マスの背景色・文字色を変更する方法

Q.カレンダーを表示させたときに、「当日」のマスを目立たせることは可能でしょうか?GAIAのイベントカレンダーでは、「当日」のほか「過去」「未来」のクラスが各日のマスに割り振られているので、背景色・文字色・枠線といった内容の装飾が可能です。関連記事以下の記事では、「定休日」と「特定の日付

  • GAIA (TCD102)

TCDテーマGAIA:イベントカレンダーの「定休日」と一部の日付の背景色・文字色を変更する方法

Q.イベントカレンダーで「定休日」とは別に背景色を変更したい日があります。当記事ではイベントカレンダーの以下の変更方法をご紹介しています。・特定の日の背景色・文字色の変更・「定休日」の背景色・文字色の変更GAIAを検討されている方へイベントカレンダー機能について詳しく知りたい方は以下

  • PHOTEK (TCD024)

TCDテーマPHOTEK:スマホ表示時のヘッダー・フッターのコピーライトの背景色を変更する方法

Q.スマホ閲覧時のヘッダーとフッターの色を黒から別の色に変えたいです。A.下記の方法でご対応ください。以下の記述を外観>TCDテーマオプション>基本設定内のカスタムCSSに入力して表示をご確認ください。〇を任意のカラーコードに変更してください。

  • MIKADO (TCD071)

TCDテーマMIKADO:コンテンツビルダーの背景に画像を設定する方法

Q.トップページのコンテンツビルダーの背景に背景画像を設定することはできますか?▼変更箇所イメージ例 →参考:MIKADO(TCD071)デモサイトA.下記の方法でカスタマイズしてください。TCDテーマ>基本設定>カスタムCSSに下記CSSをご入力ください。#cb_○

  • HORIZON (TCD093)

TCDテーマHORIZON:モバイルサイズ用メニューの背景色・文字色を変更する方法

Q.スマホ表示時のドロワーメニューの背景色と文字色を変更したいです。A.下記の方法でご対応ください。外観>カスタマイズ>追加CSSに入力してください。〇(背景色)・●(文字色・アイコン色)・◎(ドロップダウンメニューの背景色)を任意のカラーコードに変更してください。なお、カレント

  • Beyond (TCD094)

TCDテーマBeyond:グローバルメニューの親項目ホバー時・子項目の背景色と文字色を変更する方法

Q.ヘッダー内「ドロップダウンメニュー」の背景色とフォントカラーは変更できますか?この記事では、メニュー項目ホバー時の背景色・文字色、およびドロップダウン・メガメニューB(サービス一覧)・メガメニューC(導入事例一覧)の背景色と文字色の変更方法をご案内します。▼変更箇所イメー

  • FALCON (TCD089)

TCDテーマFALCON:ショールーム詳細ページのフッターカルーセルの背景色と見出しの文字色を変更する方法

Q.「ショールーム」詳細ページのフッターカルーセルで背景色・文字色を変更したい。▼変更箇所イメージA.下記の方法で対応してください。以下の記述をTCDテーマ>基本設定のカスタムCSSに入力してください。〇(背景色)と●(見出しの文字色)を任意のカラーコードに変

  • FAMOUS (TCD064)

TCDテーマFAMOUS:スマホ表示時、トップページ「お知らせ記事一覧」コンテンツのテキスト部分に背景色を指定する方法

Q.スマホで表示した際、トップページの「INFORMATION」の文字背景が透明になります。トップページコンテンツビルダーの「お知らせ記事一覧」コンテンツの記事タイトル・投稿日付箇所の背景は、PCでは白色が適用されておりますが、スマホでは白色の背景は適用されません。なお、このコンテンツの