[Plugin: Contact Form 7] data label to left and align left

  • pwenglish

    (@pwenglish)


    13 years, 8 months 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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    13 years, 8 months ago

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

    Thread Starter pwenglish

    (@pwenglish)

    13 years, 8 months 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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: Contact Form 7] data label to left and align left’ is closed to new replies.