「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

背景色

109
  • 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では白色が適用されておりますが、スマホでは白色の背景は適用されません。なお、このコンテンツの

  • GENSEN(TCD050)

TCDテーマGENSEN:紹介ページのショルダーコピーの背景色を変更する方法

Q.紹介ページのショルダーコピーの背景色は変更できますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してください。カラーコード参考:ht

  • CODE.(TCD090)

TCDテーマCODE.:固定ヘッダーの背景色・ヘッダーロゴテキスト時の文字色の変更方法

Q.ヘッダーロゴをテキスト表示したときの文字色とスクロール時のページ上部固定ヘッダーの背景色を変更したいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してください。

  • CODE.(TCD090)

TCDテーマCODE.:サイドメニューの背景色・キャッチフレーズの文字色・ハンバーガーメニューの色を変更する方法

Q.サイドメニューの背景色やキャッチフレーズの文字色、ハンバーガーメニューの色を変更したいのですが、可能でしょうか。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してくだ

  • SOLARIS(TCD088)

TCDテーマSOLARIS:固定ヘッダーの背景色を変更する方法

Q.グローバルメニューの背景色を変更したいページをスクロールするとグローバルメニューの背景が白くなりますが、この色を変更することはできますか。▼変更箇所イメージA.管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確

  • OOPS!(TCD048)

TCDテーマOOPS!:トップページニュースティッカーの文字色・背景色を変更する方法

Q.トップページのアイキャッチ画像下に表示されるニュースティッカーの文字色と背景色を変更したいのですが、どのようにすればいいでしょうか?ニュースティッカーの部分のみ色を変更頂くオプション項目・機能は搭載されておりません。ニュースティッカー箇所の色につきましては、【外観>TCDテーマオプシ

  • FAKE(TCD074)

TCDテーマFAKE:トップページのヘッダーコンテンツ上のグローバルメニューに背景色をつける方法

Q.トップページのヘッダーコンテンツ上のグローバルメニューが目立たないので、背景色をつけたいです。トップページヘッダーコンテンツに適用頂いている画像や動画の色(濃色が点在している)とメニュー項目のリンク文字色が近い色(黒)の場合などに、色のコントラストがつかずに目立ちにくくなることがございます。

  • GLAMOUR(TCD073)

TCDテーマGLAMOUR:カテゴリーフィルター背景色の変更方法

Q.トップページのコンテンツビルダー「カルーセルスライダー」や子カテゴリーをもつ商品カテゴリーアーカイブページのカテゴリーフィルター部分の背景色を変更する方法を教えてください。この箇所の背景色はテーマ仕様として白色が設定されております。ホバー時の背景色は【TCDテーマ>基本設定>カラー設定>メイ

  • MIKADO(TCD071)

TCDテーマMIKADO:固定ページテンプレート3のリンクボタンの背景色・文字色を変更する方法

Q.固定ページテンプレート3のリンクボタンの背景色と文字色は変更できますか?▼変更箇所イメージ →デモサイト「神前結婚式」ページA.下記の方法でカスタマイズしてください。当該固定ページのカスタムCSS欄に入力してください。〇は背景色、◎は文字色です。任意のカラーコードに変更し

  • LOTUS(TCD039)

TCDテーマLOTUS:トップページお知らせコンテンツ・フッターメニューの背景色を変更する方法

Q.トップページの「お知らせコンテンツ」とフッターメニュー箇所の背景色をベージュから違う色に変更したいです。▼変更箇所イメージトップページお知らせコンテンツフッターメニューA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してくだ

  • SOLARIS(TCD088)

TCDテーマDROP・SOLARIS:クイックタグのボタン1・2でホバーエフェクトを使用する際に背景色をつける方法

Q.クイックタグのボタン1・2で「スワイプアニメーション」「斜めスワイプアニメーション」のホバーエフェクトを設定するとボタンの背景色が表示されません。スワイプアニメーションまたは斜めスワイプアニメーションを設定した際には、ホバー前の背景色は透過色となる仕様となってございます。A.下記の方法で

  • NOEL(TCD072)

TCDテーマNOEL:カスタム投稿タイプ「キャンペーン」詳細ページ内において設定出来る色で、一項目の設定内容を他項目に連動させる方法

Q.質問内容カスタム投稿タイプ「キャンペーン」の詳細ページで同じ初期値が設定されている以下の箇所において、1箇所変更したらすべての色が連動して変更されるようにすることは出来ますか。■【段落の設定】キャッチフレーズの文字色■【特徴一覧の設定】見出しの文字色、チェックマークの色■【コンテ

  • Tree(TCD081)

TCDテーマTree:特定のページのみ背景色を変更する方法

Q.テーマオプションの背景色の設定を一部のページでは反映させないようにしたいのですが、可能でしょうか。Tree Ver1.3へのテーマアップデートで、TCDテーマ>サイト基本設定>色の設定に於いて「トップページ以外の背景色」という項目・仕様からすべてのページに背景色が適用される仕様に変更いたしま

  • BEAUTY(TCD054)

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

Q.ページ上部にあるグローバルメニューは背景を白以外設定できるのでしょうか?文字の色も変更したいです。サブメニューのフォントの色・背景色・カーソルを合わせた時のフォントの色・カーソルを合わせた時の背景色については、テーマオプションより変更頂けます。▼変更箇所イメージA