Spacing the input fields better

  • Resolved wpfiend

    (@wpfiend)


    5 years ago

    Hello.

    I am using this code for placing the fields side by side:

    .ctct-form-wrapper {text-align:center !important; width: 100%;}
.ctct-form-field { float: left; width: 33%;}

    I am displaying only 2 fields, the disclaimer message and the Submit button.

    So the above code is placing the 2 fields and the disclaimer in the first line side by side and the Submit button is being placed in the next line, but left aligned.

    Is there any CSS that I can use to display the Submit button in the center of the second line, instead of being left-aligned…??

    Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Constant Contact

    (@constantcontact)

    The submit button should have its own unique classes and ID that you could use in your CSS.

    For example:

    .ctct-submit
    #ctct-submitted

    Both would be inside a <p> tag that has a .ctct-form-field-submit class on it as well.

    Thread Starter wpfiend

    (@wpfiend)

    Thanks. This one worked:

    .ctct-form-field-submit {width: 100%;}

    Plugin Author Constant Contact

    (@constantcontact)

    Awesome to hear. Let us know if you need anything else.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Spacing the input fields better’ is closed to new replies.