ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

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

WordPressテーマ「NULL」

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

ダウンロード

Q.カレンダーを表示させたときに、「当日」のマスを目立たせることは可能でしょうか?

GAIAのイベントカレンダーでは、「当日」のほか「過去」「未来」のクラスが各日のマスに割り振られているので、背景色・文字色・枠線といった内容の装飾が可能です。

関連記事以下の記事では、「定休日」「特定の日付」のマスを装飾する方法を紹介しています。

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

〇を任意のカラーコードに変更して、TCDテーマ>基本設定>カスタムCSSに入力してください。

.is-today { background: 〇; color: 〇; border: 5px 〇 solid; } /* 当日 */
.is-past { background: 〇; color: 〇; } /* 過去の日付 */
.is-future { background: 〇; color: 〇; } /* 未来の日付 */
補足各プロパティの解説です。
background: 背景色
color: 文字色
border: 枠線(「5px」は太さ「solid」は実線を表しており、変更可能です。) →参考記事

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

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

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