Inline submit button

  • Resolved add.redford

    (@addredford)


    5 years, 8 months ago

    Hello there, I’m trying to move the submit button inline (to the right) with the field (instead of underneath) for the ‘Request Callback’ form in my footer. Can anybody help?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • See Styling Contact Form.

    Thread Starter add.redford

    (@addredford)

    In case anyone wants to know, I solved this issue using the following instructions.

    Here’s a look what my contact form looks like:

    <div class="cf7row">
  <div class="cf7column">[tel* telephone-no]</div>
  <div class="cf7column">[submit "Send"]</div>
</div>

    And the CSS:

    /* CF7 Inline Button */
.cf7column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.cf7row:after {
  content: "";
  display: table;
  clear: both;
}

    add.redford

    I tried your above code but nothing happened?
    Should I just paste your css into the Additional css box in Customize or is there more to the above solution that I am missing?
    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Inline submit button’ is closed to new replies.