カレンダーの予定の背景色を変えたい（追加CSS）

Question

前提・実現したいこと

WP FullCalendarというプラグインを使って予定（イベント）をカレンダー表示しています。
予定の背景色がオレンジ（？）色なのですが
これをグレーに変えたい。

発生している問題

CSSに記述しても、変化が見られない

該当のソースコード

.element.style {
    background-color: #ddd;
    border-color: #ddd;
    color: #fff;
}

試したこと

記述が違う、というのはわかったのですが
どう違うのかがわからないため、色々試してみました。
例えば↓と書くと、背景色は変わるのですが、フレームが変わってくれません。
.fc-content {
background-color: #ddd;
border-color: #ddd;
border-width: 0px;
color: #fff;
}

どこが違うのか添削をお願いします。

補足情報（FW/ツールのバージョンなど）

ワードプレス：バージョン 5.3.2

Answer 1

オレンジ色ですか？
私には黄緑色に見えますが。

add_filter( 'wpfc_ajax_post', function( $item, $post ) {
	$color = '#ddd';
	$title = $post->post_title;
	$post_date = substr($post->post_date, 0, 10);
	$post_timestamp = strtotime( $post->post_date );
	$item = array (
		'title' => $title,
		'color' => $color,
		'start' => date('Y-m-d\TH:i:s', $post_timestamp),
		'end' => date('Y-m-d\TH:i:s', $post_timestamp),
		'url' => get_permalink( $post->ID ),
		'post_id' => $post->ID
	 );
return $item;
}, 10, 2 );

CSSで変更するなら

.fc-day-grid-event {
	background-color: #ddd !important;
	border-color: #ddd !important;
	border-width: 0px !important;
	color: #fff !important;
}

Comments

[glanglan]

>私には黄緑色に見えますが。

すみません、色盲で、微妙な色が見分けがつきませんでした。
黄緑なんですね。
で、いただいたコードですが、
追加CSSに記述したところ、1行目と15行目に×印でエラーが出ました。
原因はわかりますか？
よろしくお願いいたします。

[退会済みユーザー]

cssではないのでテーマのfunctions.phpに追記してください

[glanglan]

なるほど、了解しました。
素朴な疑問なのですが、ここの色の修正はCSSでは「無理」という理解でいいのでしょうか？
できればCSSで操作したいのですが・・・。

[退会済みユーザー]

追記しました

[glanglan]

できました！ありがとうございました。

Answer 2

.ui-widget-header {
  background: #/*色コード*/;
}

Comments

[glanglan]

回答ありがとうございます。
いただいたコードだと「曜日」の方の背景が変わってしまうようでした・・・。