Support » Plugin: Contact Form 7 » Aligning labels and form fields

  • Having scoured the internet for suggestions on this I am still ignorant: how do I get CF7 to show the labels and respective field aligned down the page? At the moment, all the labels start at the left hand side and the corresponding fields follow on immediately to the right without any decent gap. I’d like to have the input fields under each other so that their left hand edges are vertically aligned.
    So instead of
    LABELONE: FIELDONE
    etc
    LABELEIGHT: FIELDEIGHT
    LABELTHIRTEEN: FIELDTHIRTEEN

    I’d like to have:
    LABELONE: ________FIELDONE
    etc
    LABELEIGHT: ______FIELDEIGHT
    LABELTHIRTEEN: __FIELDTHIRTEEN

    (the horizontal lines are just for me to show the alignment, not really there.)
    Thanks
    Ali
    I’ve tried CSS “padding” but think I’m on the wrong track

    • This topic was modified 1 year, 8 months ago by ali282.
    • This topic was modified 1 year, 8 months ago by ali282.
    • This topic was modified 1 year, 8 months ago by ali282.
    • This topic was modified 1 year, 8 months ago by ali282.
  • The topic ‘Aligning labels and form fields’ is closed to new replies.