WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7: change of the width of the lines. (6 posts)

  1. jush
    Member
    Posted 2 years ago #

    Hi there,
    I am new to wordpress and I have some issues with the contact form 7.
    Firsty, as I am launching a multilingual site (3 langs), do I understand correctly that I can basically copy the same contact form and translate it accordingly to my languages?
    The second issue is the following one.
    I want to change the space between the lines in my contact form. I have deleted all <p> and tags from the form. but still I dont really understand, how can I manually adjust the space (for example I want to make the lines closer to each other). I do understand that I have to check the CSS file but I cant really figure out which one exactly.
    Another thing would be to make the field shorter or longer e.g. to change the length of the field. As you can see the field with Captcha is a way too long...
    Here is a link to the website: http://new.dufftap.ee/kontakt/?lang=ru
    I`d really appreciate your help. Thanks a lot!

  2. Takayuki Miyoshi
    Member
    Posted 2 years ago #

    Firsty, as I am launching a multilingual site (3 langs), do I understand correctly that I can basically copy the same contact form and translate it accordingly to my languages?

    Yes. Or create a new contact form (default template) in your language and edit it.

    I do understand that I have to check the CSS file but I cant really figure out which one exactly.

    Any CSS stylesheet file is OK, as long as it is loaded. In my opinion, your theme's style.css is the best place for that.

    Another thing would be to make the field shorter or longer e.g. to change the length of the field. As you can see the field with Captcha is a way too long...

    It is controllable from CSS. Also you can specify size and maxlength attributes with tag options, like this:

    [captchar your-captchar 4/4]

    http://contactform7.com/

  3. jush
    Member
    Posted 2 years ago #

    Thank you. The first issue is closed. But could you please specify the necessary changes that I have to make in the css file in order to achieve the needed result.
    I am now on the default theme Twenty ten.

  4. Takayuki Miyoshi
    Member
    Posted 2 years ago #

    div.wpcf7 {
    	line-height: 1.2em;
    }

    Adjust the number as you like.

  5. jush
    Member
    Posted 2 years ago #

    Thanks, do I have to to this in contact form 7 css file?

  6. Takayuki Miyoshi
    Member
    Posted 2 years ago #

    No, please read my first reply.

Topic Closed

This topic has been closed to new replies.

About this Topic