【Clarity Buisiness】2.0にアップデートしたら、カスタムCSSに記述していたコンタクトフォームのデザインが変わってしまった。

[okkk]

ver2.0にアップデートしたところ
DigipressのカスタムCSSに記述を加えてカスタマイズしていた
コンタクトフォーム7のデザインが、勝手に変わりました。

こちらでは何もしていないのですが
追加CSSの読み込みなどが大きく変わったのでしょうか？

現象
文字入力スペースの枠が大きくなった。

アップデート前の参考スクリーンショット

添付ファイル:

添付ファイルを開くにはログインしてください。

[okkk]

2.0にアップデート後のスクリーンショット

添付ファイル:

添付ファイルを開くにはログインしてください。

[okkk]

参考までに
DigipressのオリジナルスタイルCSS内に追記したCSS。

/* — お問い合わせフォーム現状— */
/* デザインカスタマイズ */
div.wpcf7 {
background: #fafafa;
border: 1px solid #ddd;
padding: 0px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 0 0 30px 0;
}
div.wpcf7 p {
padding: 20px 20px 0;
margin: 10px;
font-size: 14px;
}
div.wpcf7 input, .wpcf7 textarea {
border: 1px solid #ccc;
padding: 12px;
font-size: 16px;
border-radius: 4px;
}
div.wpcf7 textarea {
width: 97.5%; height: 300px;
}
div.wpcf7 input.wpcf7-submit {
cursor: pointer; color: #fff;
font-weight: bold;
font-size: 14px;
width: 200px;
height: 60px;
margin: 0 auto;
display: block;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #000080;
border: 1px solid #000050;
}
div.wpcf7 input.wpcf7-submit:hover {
opacity: 0.5;
}
.wpcf7 input.wpcf7-submit:active {
box-shadow: none;
bottom: -2px;
position: relative;
}
.wpcf7 input:focus, .wpcf7 textarea:focus {
border: 1px solid #009de1;
}
.wpcf7-captchac {
border: 1px solid #ccc;
}

/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid {
background: #ffb6c1;
}
.wpcf7 span.wpcf7-not-valid-tip {
font-size: 80%;
}
.wpcf7 .wpcf7-response-output {
margin: 10px 0 0;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
color: #3A87AD;
background-color: #D9EDF7;
border: 1px solid #BCE8F1;
}

/* 必須赤色表示 */
.wpcf7 .required {
color: #ff0000;
}
/* 任意緑色表示 */
.wpcf7 .any{
color: #080;
}

/*reCAPTCH位置*/
#recaptcha{
margin-left: 20px;
margin-top: 5px;
margin-bottom: 20px;
}

[okkk]

当然のことですが、CSSの修正をお願いしているのではなく、

テーマのアップデートによる
何かが原因なのかの部分をお教えいただきたいです。

お手数おかけいたしますが
よろしくお願い申し上げます。

[DigiPress サポート]

従来のフォーム要素へのスタイリングは文字が小さく入力欄の高さが小さかったため、入力フォームの高さや余白を従来より大きくし、アクセシビリティの向上のため修正されています。

これに関係した内容に関するオリジナルCSSへの記述は不要です。削除してください。

●表示例

CONTACT

[投稿者]

投稿