ナビゲーションボタンの色変更について

  • Resolved Senri Miura

    (@senribb)


    1 year, 9 months ago

    素晴らしいプラグインをご提供頂き、大変感謝しております。
    さて、表題の件についての質問です。
    現在、プラグイン「XO Event Calendar」のウィジェットを実装しています。
    当サイトのテーマの設定(CSS)においては、そのウィジェットのタイトル部分の背景が黒くなってしまいます。
    プラグインのCSS設定では、タイトル（”2023年 2月”）とナビゲーションボタン（”<“,”>”）の色設定も黒であるため、デフォルト設定だと、カレンダー表示が大変見辛くなっております。

    そのため、当サイトでは、「xo-event-calendar.css」に以下のCSS設定を追記してます。

    /* タイトルの背景色（ブルー）?キャプションの色（白）変更 */
    .xo-event-calendar table.xo-month > caption { background-color: #0000cc; caption-side: top; text-align: center; color: #fff; }

    /* ナビゲーションボタンの色（水色）変更 (現在は無効) */
    .xo-event-calendar table.xo-month .month-prev { float: left; color: #97cbff; !important; }
    .xo-event-calendar table.xo-month .month-next { float: right; color: #97cbff; !important; }
    　↑
    *以下のSCGアイコンの色を変更
    xo-event-calendar/images/nav-prev.svg
    xo-event-calendar/images/nav-next.svg

    そこで、質問です。
    以前のバージョン（3.0.0）では、ナビゲーションボタンの色変更（水色に）が出来たのですが、3.0.1では出来なくなりました（黒のまま）。
    現在のバージョンでは、CSSでの色変更は出来ないのでしょうか。もし、他に何か方法があればご教授をお願い致します。

    • This topic was modified 1 year, 9 months ago by Senri Miura.
    • This topic was modified 1 year, 9 months ago by Senri Miura.

    The page I need help with: [log in to see the link]

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

    (@ishitaka)

    すみません。テーマによってナビゲーションボタンなどで表示が崩れる問題があることが分かりました。修正版を本日中にはリリースしたいと思いますので、修正版のリリースを待ってもらえればと思います。リリース後追って回答したいと思います。

    Plugin Author ishitaka

    (@ishitaka)

    修正版（3.0.2）をリリースしました。プラグインをアップデートして、下記の CSS を試してみてください。

    .xo-event-calendar table.xo-month > caption {
	background-color: #0000cc;
	color: #fff;
}
.xo-event-calendar table.xo-month button span.nav-prev,
.xo-event-calendar table.xo-month button span.nav-next {
	border-color: #97cbff;
}
    Thread Starter Senri Miura

    (@senribb)

    お忙しい中、修正版をリリースして頂き、どうもありがとうございます。早速、プラグインをアップデートし、ご提示のCSSを “xo-event-calendar.css” に追加して試してみました。

    結果ですが、タイトルのキャプションは、今までと同様に変化しましたが、残念ながらナビゲーションボタンの色は変わりませんでした。
    追加CSSに追加しても同様の結果でした。

    Plugin Author ishitaka

    (@ishitaka)

    ページを確認したところ、ナビゲーションボタンの色は水色に変更されているようです。ブラウザのキャッシュではないでしょうか？

    Thread Starter Senri Miura

    (@senribb)

    はい、ご指摘の通りでした。再度、確認したところ、ナビゲーションボタンの色は水色に変更されていました！

    この度は、早急な対応をして頂き、どうもありがとうございました。

    よって、このスレッドは解決済みとしてさせて頂きます。

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘ナビゲーションボタンの色変更について’ is closed to new replies.