See Styling Contact Form for a general explanation of styling CF7 forms using CSS.
There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.
If you find you need more detailed advice, after reading and working through the above links, please include a link to your Contact Form 7 form, so others here can examine your form in detail using Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements and provide you with a possible solution.
Hi,
Thanks so much for replying but I am new to all this so don’t really understand what I’m reading!
I can’t give you the link for my contact form as I haven’t been able to do it how I want it yet.
I just wondered if anyone could give me the code so that the name and email fields appear on the same line instead of one below the other:
So like this: Name_________________ Email_________________
As I said, I found the code to make 3 columns but for the life of me can’t find the code for just 2 columns. Basically I just want to know what to replace in <div class=”fusion-one-third one_third fusion-column”> to make 2 columns instead of 3.
Thanks again for any help offered.
Did you try fusion-one-half and/or one_half instead of ..third in class attribute?
Hi – I did try that but oddly enough it didn’t work!
You could consider using Contact Form 7 Skins to style your Contact Form 7 Forms.
You can now use the add-on CF7 Skins Ready to make multiple columns
I’ve just downloaded CF7 Skins – it’s really nice, thank you so much for letting me know about this.
