WordPress.org

1. pwenglish
   Member
   Posted 2 years ago #
   

   I've just started trying Contact form 7. Seems great but the fields are aligned centre and with the label above the input box. I've changed the field widths using CSS - but I'm not sure how to make them: (1) field label to left of input box (2) aligned left with input area also aligned. I can't work out how to pick them out to alter the CSS.

   thanks

   Paul

2. Takayuki Miyoshi
   Member
   Plugin Author
   Posted 2 years ago #
   

   For (1), just edit in the 'Form' text area.
   For (2), use CSS.

3. pwenglish
   Member
   Posted 2 years ago #
   

   Thanks - I've got (1) sorted - I didn't realise it was so simple.
   For (2) I'm still struggling to use the correct class identifiers to select the data boxes and labels in CSS.

   I can do it with ordinary html and CSS. I have given the fileds and labels a class name in the 'Form' text area and I can change some properties but I'm still struggling to lay the form out properly.

   This is the URL of the form

   http://pwenglish.co.uk/lesson-booking-2/

   Thanks for your help.

Topic Closed

This topic has been closed to new replies.