Hi,

Relating to the styling of the contact form 7... your template includes css styles to use in the form:

<div id="contact-formular">    
               
    <div class="name-box">[text* your-name placeholder "Full Name"]</div>
                                                               
    <div class="email-box">[email* your-email placeholder "Email"]</div>  
 
    <div class="message-box">[textarea* your-message placeholder "Your Message"]</div> 
         
    <div class="submit-box">[submit "Submit"]</div>    
 
</div>

Is there a list of form elements documented so I can add others and keep the similar styling? I specifically need the "Phone" field... but other would be handy to know.

Thanks

Not completely sure of what you are asking me to do.

I have two forms on my website:

1. A main contact form (https://warbehr.com.au/contact-2/)

2. A contact form used on each portfolio item (https://warbehr.com.au/aruba_portfolio/black-cockatoo-on-mustard/)

I used code from the website template (see opening ticket comment) which does not include subject or phone number. I have tried to imitate the code used in the form but it does not render as an item on the website - it just shows as text. 

Or if I use the generic elements available within the form builder (such as a drop field) it shows as an ugly bubble button (see main contact form). 

I guess what I am seeking is a list of elements that I can use in the contact form (the code for them) and the css for styling them too.

Okay, thanks.