Support » Plugin: Contact Form 7 » Layout is too dense

Viewing 11 replies - 1 through 11 (of 11 total)
  • You could possibly add something like this to your custom css (I use slim jetpack)

    wpcf7-form p{
    margin: 0 0 20px 0;
    }

    Looked like this when I did it

    Hi,
    Thanks, but it didn’t do anything, nothing has changed.

    Sorry about that, I missed the .

    It should read:

    .wpcf7-form p{
    margin: 0 0 20px 0;
    }

    It works, thank you.
    But I thought more about just a small space between every line.

    How it is now:

    HEADLINE
    *Writing space

    How I want it to be:

    HEADLINE

    *Writing space

    Thanks a lot mate!!

    You’re welcome! You can try reducing the 20px to a lesser value say 10 px or adjust until it looks right to you.

    It works great, kudos!

    Now, I tried to change the side of the contact form, from right sidebar
    to left, and the lines that the user is supposed to fill in are too
    big which makes it go out of the boundries.

    What should I do to fix it?

    http://stronger.co.il/

    I think in this case, i’d probably wrap a div around it to contain the input fields. It would be good if you posted your form code.

    So for example from looking at your form this is what I would try when editing the form in CF7 (there could be a better way but for now this may be a fix)

    These are the first few elements of your form:

    קבל עוד היום הצעה אטרקטיבית בכל תחום!
    <div class=”input-container”>
    שם מלא
    the text field

    מספר טלפון
    the text field
    </div>

    Wrap a div like the example above around these first few elements when editing your form in CF7 admin area, then save.

    In your CSS Add:
    .input-container {
    width:80%;
    float:right;}

    Give this a try, hopefully it works.

    Tried it, didn’t affect the text field.

    Here is my form code:
    http://pastebin.com/YNDv7R3J

    Thats because the text and inputs were not wrapped in the div as I had suggested above. I have updated the code to show you what I mean. Have a look at line 3 and line 11. So you will need to add that div when editing your form in the CF7 admin. Then make sure you add the CSS and lets see if that works.

    Updated Pastebin

    You can check my site, works great 🙂

    Thanks mate.

    Excellent, you’re welcome!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Layout is too dense’ is closed to new replies.