曜日が表示されている行の色を変更したい

  • Resolved kyam79

    (@kyam79)


    3 years ago

    素晴らしいプラグインをご提供くださりありがとうございます。
    他のカレンダープラグインより圧倒的に使い勝手がよく、デザインもすっきりシンプルなため、是非とも利用したいと考えております。
    導入しましたところテーマ（Swell)によるものなのか、曜日の行の背景色がサイト全体設定の基本カラーと同じ色になってしまいました。
    その色が青系のため、土曜日の「土」が見にくいのが悩みです。
    デフォルトの無色にする方法をお教えいただけませんでしょうか。
    どうぞよろしくお願いいたします。

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author ishitaka

    (@ishitaka)

    こんにちは

    下記のような CSS でカレンダーの曜日の背景色を透明（transparent）＆文字色を黒に変更することができます。
    カスタマイズの [追加 CSS] または、テーマの style.css に追記してみてください。

    例:

    .xo-event-calendar table.xo-month > thead th {
	color: #000;
	background-color: transparent;
}

    曜日ごとに個別に指定（日の背景色を赤色、土を青色）する場合の例:

    .xo-event-calendar table.xo-month > thead th {
	color: #fff !important;
	background-color: #7c8e9c;
}
.xo-event-calendar table.xo-month > thead th.sunday {
	background-color: #f74a2c;
}
.xo-event-calendar table.xo-month > thead th.saturday {
	background-color: #0974dc;
}
    Thread Starter kyam79

    (@kyam79)

    ありがとうございます！
    おかげさまで完璧に修正できました。
    こちらが望んでいた以上の詳細な修正方法をお伝えいただき、心から感謝申し上げますm(_ _)m

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘曜日が表示されている行の色を変更したい’ is closed to new replies.