Contact Form 7
data label to left and align left (3 posts)

  1. pwenglish
    Posted 5 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.



  2. Takayuki Miyoshi
    Plugin Author

    Posted 5 years ago #

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

  3. pwenglish
    Posted 5 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


    Thanks for your help.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic