Home / Forums / DynamiX Support / Format Contact Form 7 on page

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts

  • tripletall
    Participant

    I am using Contact Form 7 in my sidebar and in a page. The form fields run the full length of the sidebar and I cannot customize how it looks. I know it is possible with CSS, but I have not yet learned CSS and was wondering if there was a way to control the way this formatted given my CSS ignorance :-).

    An example: I have City, St and Zip. It prints City on one line, the field on the next line, St on the next line, field on the next, etc. I would like to be able to do City (field), ST (field 2 characters) Zip (field 5 characters).

    Please let me know if you can help with this. BTW – LOVE the theme!!

    Andy
    Andy
    Keymaster

    Hi,

    Can you post a link please. I can take a quick look and if it’s a small bit of CSS I’ll provide you with it 🙂


    tripletall
    Participant

    This page has it in the side bar as well as on the page. http://gr8garagefloors.com/contact-garage-concepts/

    Andy
    Andy
    Keymaster

    Ok, so you could add some CSS like this into Appearance > Theme Options > Customize > Custom CSS:

    .sidebar form.wpcf7 {width:90%;}


    tripletall
    Participant

    The height of the input field area is too tall. What code will shorten that so I can compact the form more?

    Andy
    Andy
    Keymaster

    Try .sidebar .wpcf7-form .wpcf7-form-control {padding:0.6rem;}

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.