XO Event Calendar カレンダーのキャプションの位置

XO Event Calendar プラグインにおいて、カレンダーのキャプション(年月および月送りボタン)がカレンダーの下に表示される場合(下記の画像)があります。

これは、テーマ(Customizr、Luxeritas テーマなど)のスタイルによるものです。XO Event Calendar のカレンダーはテーブル(table)タグで構成されており、キャプション部分はテーブルのキャプション(caption)タグで表示されています。

このテーブルのキャプションを下に表示するようなスタイルの場合、カレンダーのキャプションも下に表示されます。

カレンダーキャプションを上に表示するスタイル

下記のスタイルをテーマの style.css またはカスタマイズの追加 CSS 等に記述することで、カレンダーの上に表示されるようになります。

table.xo-month caption {
    caption-side: top;
}

コメントを残す

メールアドレスが公開されることはありません。

日本語でコメントを入力してください。