Contact Form 7

プラグイン「Contact Form 7」をバージョンアップすると、styles.cssが上書きされ、メッセージ欄がはみ出てしまいます。

プラグインContact Form 7のディレクトリ/css/styles.cssに下記を追加
ーーーーーーーーーーーーーーーーーーーーーーーーーーーー
.wpcf7-form {
background-color: #f5f5f5;
padding: 20px;
border-radius: 20px}

.wpcf7-form span.hissu {
color: #aa0000;
font-size: smaller}

.wpcf7-form input {width: 80%}

.wpcf7-form textarea {width: 100%}

.wpcf7-form p.submit {text-align: left}

.wpcf7-form .wpcf7-submit {width: 20%}
ーーーーーーーーーーーーーーーーーーーーーーーーーーーー

元に戻しました。

プラグインがバージョンアップされたら、変更内容も上書きされてしまうから子テーマを作って編集すればよいのですが、面倒です。

2015年1月27日 · カテゴリー WordPress

コメント（0）

TinyMCE 投稿欄のカスタマイズ

TinyMCE投稿欄のフォント種類をカスタマイズしました。

/* Additional default styles for the editor */
html {
cursor: text;
}
html.ios {
height: 100%;
}
.ios body#tinymce {
height: 200%;
max-width: none;
}
body {
font-family: “メイリオ”, “Meiryo”, Georgia, “Times New Roman”, “Bitstream Charter”, Times, serif;
font-size: 13px;
line-height: 1.5;
color: #333;
margin: 9px 10px;
max-width: 100%;
-webkit-font-smoothing: antialiased !important;