SWELLでContact Form 7のレイアウト調整【追加CSSの記入内容】

2021-11-11

Contact Form ７を設置したときの左寄りを直す

コンパクトに左寄りになったレイアウトを修正。時間ができたら再修正する。とりあえず。

元の状態のスクショはとってないです💦

追加CSSに加えた内容

.wpcf7{
	padding:0% 10%;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit{
	margin:0% 25%;
	padding:0% 20% ;
}
.under{
	margin:5% 20%;
	text-align: center;
	border-bottom: solid 3px orange;
}
 input, textarea {
	 width:100%;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    margin: 0%;
}

下記のレイアウトになる