You can customize the look of just about any element of the contact form through CSS.
If you’re not familiar with CSS, you can post a link to your contact form here, I’ll be happy to help and give you the code to insert in your theme stylesheet or in your custom CSS editor (under Appearance > Edit CSS in your dashboard).
Hey, that’s really good of you. Thanks!
I did actually manage to sort this, using the Jetpack CSS editor like you said. I think I used Firebug to find out what I needed to change and then kind of ‘copy and pasted’ 🙂
One thing that interested me though is that the width of the box was listed as a percentage (80%), am I right in thinking that that is 80% of the size of the page? I changed it to 400px which is the same as all the other input fields. It’s worked as I wanted, but I’d be interested to know whether I should’ve kept it as a percentage? I can always go back and change it.
Another thing I’d like to know is; when I started the site, I created a child theme for CSS changes etc. Then I found Jetpack and started using that to input CSS. Will there be any problems using both? Will my site explode?
I’m also not receiving any emails from my contact form, or any WP notifications at all for that matter, which is quite worrying.
Thanks again.
am I right in thinking that that is 80% of the size of the page?
That’s almost correct. It’s 80% of the size of the container containing that field. It could be the whole page, but it’s most likely the content container in your theme.
It’s worked as I wanted, but I’d be interested to know whether I should’ve kept it as a percentage?
It’s probably best to use percentages, as it takes into account people using zoom functions in their browsers, or browing your site from a mobile device. I’d suggest testing different values until you get the result you like.
when I started the site, I created a child theme for CSS changes etc. Then I found Jetpack and started using that to input CSS. Will there be any problems using both? Will my site explode?
You can use both, no risks of explosion 🙂
Since you already have a child theme, I’d suggest using the Custom CSS editor as a temporary editor, and from to time you could take the CSS you added there and place it in your child theme instead.
I’m also not receiving any emails from my contact form, or any WP notifications at all for that matter, which is quite worrying.
That’s most likely because your server doesn’t handle outgoing emails. You can work around that by using a plugin like this one to configure your WordPress installation to use a specific email service:
http://wordpress.org/plugins/wp-mail-smtp/
