Contact Form 7 – display text and button in the same line

  • Hi,

    I am trying to style my contact form in order to show a simple submit-your-email field like this

    Should be simple but I cannot figure it out how to do it.
    Can anyone help?

    Thanks

Viewing 1 replies (of 1 total)
  • Thread Starter fernandob

    (@fernandob)

    Right now I have this:

    <ul class=”floatLi selfClearCont”>

    • <fieldset>[email* your-email]<fieldset>
    • [submit “STEP IN”]

      • and

      .wpcf7-submit {
      padding: 10px;
      background: #b3b3b3;
      color: #ffffff;
      }

      ul.floatLi li {display: inline-block; margin-right: 10px;}
      ul.floatLi li:last-of-type {margin-right: 0px; clear: right;}

      ul.selfClearCont {
      text-align: center;
      padding: 0 !important;
      margin: 0 !important;
      }

      ul.selfClearCont li {
      list-style-type: none;
      padding: 0 0 10px 0 !important;
      }
      .selfClearCont:before,
      .selfClearCont:after {
      content:””;
      display:table;
      }

      .selfClearCont:after {
      clear:both;
      }

      .selfClearCont {
      zoom:1; /* For IE 6/7 (trigger hasLayout) */
      }

      But something is wrong because this is the result…

Viewing 1 replies (of 1 total)
  • The topic ‘Contact Form 7 – display text and button in the same line’ is closed to new replies.