WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Plugin: Fast and Secure Contact Form] How to make the form smaller (12 posts)

  1. Mike Challis
    Member
    Posted 4 years ago #

    How to make the form smaller

    Maybe you want a small compact form.
    This can be done from the contact form plugin settings page.

    "Click for Advanced Options"
    Look in the Style section:

    Adjust as needed:
    "Form DIV Width:" Use to adjust the width of the contact form border (if border is enabled).

    Adjust as needed.

    Input Text Field Size:
    Use to adjust the size of the contact form text input fields.

    Input CAPTCHA Field Size:
    Use to adjust the size of the contact form CAPTCHA input field.

    Input Textarea Field Cols: Rows:
    Use to adjust the size of the contact form message textarea.

    If you also need to make the captcha image smaller...
    You have to edit one of the capctha image library files:

    Edit the file (assuming you use the medium setting in options)
    wp-content/plugins/si-captcha-for-wordpress/captcha-secureimage/securimage_show_medium.php

    Change these parameters to whatever you want. (proportionally)
    $img->image_width = 175;
    $img->image_height = 60;

    http://wordpress.org/extend/plugins/si-contact-form/

  2. Mike Challis
    Member
    Posted 4 years ago #

    Version 2.5.0 makes this even easier:

    How to make the form smaller

    Maybe you want a small compact form.
    This can be done from the contact form plugin settings page.

    Check the setting "Enable smaller size CAPTCHA image."

    "Click for Advanced Options"
    Look in the Style section:

    Adjust as needed:
    "CSS style for form DIV on the contact form"
    Use to adjust the width of the contact form border (if border is enabled).

    Adjust as needed.

    Input Text Field Size:
    Use to adjust the size of the contact form text input fields.

    Input CAPTCHA Field Size:
    Use to adjust the size of the contact form CAPTCHA input field.

    Input Textarea Field Cols: Rows:
    Use to adjust the size of the contact form message textarea.

  3. steveforgues
    Member
    Posted 4 years ago #

    I really like how simple to is, but I would like to have it formatted a little different if possible. I would like to have the label and the text field on the same line, instead of separate lines. Is this possible, and if so, how do I do it?

  4. Mike Challis
    Member
    Posted 4 years ago #

    steveforgues, sorry the current version cannot rearrange that (they are in their own DIVs)

  5. housepoet
    Member
    Posted 4 years ago #

    I used the suggestions here to make my form bigger, however its running past my defined space.

  6. Mike Challis
    Member
    Posted 4 years ago #

    URL please?

  7. Maryke
    Member
    Posted 3 years ago #

    Hi

    I would like to use this form in my Facebook Fanpage. But when I add the shortcode, it makes those terribly ugly scroll bars in Facebook. I did set the width of the form, but it is still doing the same. Can you help me please.

    Thanks
    Maryke

  8. Mike Challis
    Member
    Posted 3 years ago #

  9. mortini
    Member
    Posted 3 years ago #

    Mike...
    I'm using ver. 2.9.8.5 and would like to compress the form in height. The distance between checkboxes and such is quite large, expanding my form so that it takes more scrolling to reach the bottom. I've checked out the "Modifiable CSS Style Features" and can't make it work. Is there a way?
    thanks... love your programming
    rob

  10. Mike Challis
    Member
    Posted 3 years ago #

    I cannot help anybody with specific issues without a URL to your site.

    If you do not want to post the URL here, use my support ticket:
    http://www.fastsecurecontactform.com/support

  11. mortini
    Member
    Posted 3 years ago #

    Sorry Mike.
    I should have included the URL with the original post
    http://amigosdelodemarcos.org/wp/?p=587
    Rob

  12. mortini
    Member
    Posted 3 years ago #

    Mike..
    After a little more searching and reading I found where you can insert the {inline} tag for multiple-checkboxes. This helps solve my issue some. But, might there be a way to control the spacing even more with CSS?
    Thanks again
    Rob

Topic Closed

This topic has been closed to new replies.

About this Topic