centia.jp/special/special026.html
cssをどんなに設定してもtextareaの幅が変更できなかった。
理由は、mailformpro/configs/config.jsの26行目あたりにある
‘SizeAjustPx’: 6,
こいつの設定が優先になっていてcss側を無効にしていた。
‘SizeAjustPx’:null,
にしてcss側を優先にする。
mfp.statics/mailformpro.css の157行目あたりにある
div#mfp_overlay_inner {
background-color: #FFF;
padding: 15px;
margin: 0px auto;
border-radius: 5px;
box-shadow: 0px 0px 10px #000;
/width: 640px;/
width:100%;
/max-width: 90%;/
max-width: 640px;
のwidthを100%にする。レイアウト崩れないように。
common.css
#mailformpro textarea {width:100%;
height:50px;}