Quantcast
Channel: WordPress.org Forums » [Contact Form 7] Support
Viewing all articles
Browse latest Browse all 49500

AndreaK22 on "[Plugin: Contact Form 7] Contact Form Email Field Looks Different Than Other Fields"

$
0
0

@ nextlevelremodeling

Hi,

If you still need to adjust the width of the email field, go to your Custom CSS section which is under Dashboard/Appearance/Theme Options/General and place/save the code there. You might have to "play" with the percentage, which dictates the width of the field. Also, you will probably want to change the font family from Arimo to whatever font you are using...

input[type="text"], textarea, input[type="email"]{
	background-color: #ffffff;
	padding: 10px;
	font-family: Arimo;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #6a6a6a;
	border: 1px solid #ddd;
	background:	#ffffff url(images/field_bkg.png) repeat-x;
}

input[type="text"]:focus {outline: none; background-color: #f7f7f7;}
textarea:focus {outline: none; background-color: #f7f7f7;}
input[type="email"]:focus {outline: none; background-color: #f7f7f7;}

textarea { width: 80%; font-size: 13px;}
input[type="text"] {width: 40%; font-size: 13px;}
input[type="email"] {width: 40%; font-size: 13px;}

Hope this helps, I know it can be frustrating as I am not a programmer, so I am often digging around forums to find solutions. Maybe someone else knows an easier way...

Regards,
A.


Viewing all articles
Browse latest Browse all 49500

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>