Home>Support>Problems with design of contact form

Problems with design of contact form

By Kim Larsen, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

Hi.

On my front page I have a wish of a tiny contact form. Something like http://sats-gruppen.dk/wp-content/uploads/2015/10/opgave.jpg
I have 244 x 90 pixels of area to have the contact form in.

Normally I use the plug-in Contact Form 7, but somehow its not possible to get it as I want this way.

Is there a way to meet my wishes via the theme itself ?

Hope on your help,since this is a major problem for me :-(

URL: http://sats-gruppen.dk/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hey Kim

    Thanks for the wait. Let’s try this:

    If you insert Contact Form 7 and get as close as possible to what you want, I’d be happy to help with a little CSS to get it into the space required.

  2. 8 years, 11 months ago Kim Larsen

    Hi Andrew.

    Thanks a million – This problem have ritten me as a nightmare for some times now.

    I have setup the contact 7 formular as close as I could get it : ( See on http://www.sats-gruppen.dk

    The setup from contact 7 is as follows :

    Navn: [text text-913]
Tlf: [tel tel-823]
Vedr. [text text-914][submit "Send"]

    Rather simple. But rather a long way from what i would like : http://sats-gruppen.dk/wp-content/uploads/2015/10/opgave.jpg

    I would be so thankful if you could help me out here. ( You are welcome to come with ideas to another design, as long we keep it inside 244 x 90 pixels, if that can ease things up :-) )

    Thanks

  3. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Kim

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

  4. 8 years, 11 months ago Private Message - WordPress

    This is a private message.

  5. 8 years, 11 months ago Private Message - Andrew Misplon Hi, I Work Here

    This is a private message.

  6. 8 years, 11 months ago Private Message - Kim Larsen

    This is a private message.

  7. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Cool, take a look now. This is as about as far as I can go. It’s a custom development task. Here is what I’ve done.

    1. Given the widget a class name by editing it and adding the class name to the Attributes class field.
    2. Targetted that using Appearance > Custom CSS:

    /* 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;
}

    Hopefully this gets you close and you can tweak from Custom CSS.

  8. 8 years, 11 months ago Kim Larsen

    Hi Andrew

    Not quit what I had in mind, but still much better than my own solutions !
    I really appreciate your effort and thanks you a lot !

    I´ll keep it for now, and as you said it’s a custom development task, so I will see if I can find to do that !

    But thanks for your great effort !

    Kim

  9. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    For sure. Sorry it’s not all the way there. You can try make small adjustments from Custom CSS.

    All the best with your site :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More