予約フォームの文字サイズを大きくしたい（CSS）

Question

前提・実現したいこと

ワードプレスのプラグイン「MTS Simple Booking-C」という
カレンダー予約プラグインを使って
予約できるよう制作中です。

遷移先の画面の文字サイズが
めっちゃ小さいので大きくしたい。

試したこと

テーブルの文字サイズを変えればいいのかなと思い
追加CSSに下記記述してみました。
が、変化は見られませんでした。
正しい記述に添削いただけますでしょうか。
↓↓
table td {
border-collapse: collapse;
border:1px solid #b4b4b4;
font-size:16px;
}

table tr {
border-collapse: collapse;
border:1px solid #b4b4b4;
font-size:16px;
}

table th {
border-collapse: collapse;
border:1px solid #b4b4b4;
font-size:16px;
}

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

wordpress バージョン 5.3.2

Answer 1

CSSの詳細度で負けているのではないでしょうか。

.content-form table td {
  border-collapse: collapse;
  border:1px solid #b4b4b4;
  font-size:16px;
}

https://developer.mozilla.org/ja/docs/Web/CSS/Specificity
https://nelog.jp/specificity-calculator

Comments

[imatya999]

早速回答ありがとうございます。
追加CSSにいただいたコードを入れてみたのですが・・・
やはり変わらないですねえ。。。うーん。どういうことでしょう。苦笑

[tabuu]

こっちではないですかね？

.content-form th {
font-size: 16px;
}

.content-form input,
.content-form textarea {
font-size: 16px;
}

[imatya999]

ありがとうございます！
こちらのパターンで出来たようです！