• Hi.

    I have a frontpage, where I would like to have a very small contact 7 form.

    As of now, I have got this result : SATS-Gruppen ( As to be seen on the top right ).

    But instead of the text standing above the forms, I would like it to be at the left side.
    Still with the send button at last line.

    This is my settings in contact 7

    Navn:[text text-913]
    Tlf :[tel tel-823]
    <div><span class="left">Vedr. [text text-914]</span><span class="right">[submit "Send"]</span></div>

    And this is the css, that goes with it :

    /* Home Page Call Form */
    
    .home-call-form * {
      font-size: 11px;
    }
    
    .home-call-form input {
      width: 100%;
    }
    
    .home-call-form p:first-of-type {
      margin: 0;
    }
    
    .home-call-form .left,
    .home-call-form .right {
      display: inline-block;
      vertical-align: top;
    }
    
    .home-call-form .left {
      padding-right: 5px;
      width: 73%;
    }
    
    .home-call-form .right {
      padding-top: 5px;
      width: 25%;
    }
    
    .home-call-form .right input[type="submit"] {
      font-size: 11px;
    }

    Anyone who can help me making something like this : See here

    https://wordpress.org/plugins/contact-form-7/

Viewing 2 replies - 1 through 2 (of 2 total)
  • See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    Thread Starter webpoint

    (@webpoint)

    Hi Davmerit !

    Thanks for your input ! Very interesting reading !

    Try to find my way there 🙂

    Thanks

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

The topic ‘Contact 7 issues’ is closed to new replies.