WordPress.org

Ready to get started?Download WordPress

Forums

Fast Secure Contact Form
[resolved] Is it difficult to re-size the contact form? (7 posts)

  1. leejosepho
    Member
    Posted 1 year ago #

    My Twenty Twelve Theme adjusts itself for different screen sizes, and that can make the contact form spill out. No complaint here, just wondering how big a job it might be to make it be proportional.
    http://www.nonameyet.org/
    (lower left)

    Great plugin, and many thanks.

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

  2. Gberk
    Member
    Posted 1 year ago #

    If I read correctly you want the forms to be responsive? This is what I do to achieve this:

    - add 'width: 99%' to the 'CSS style for form input fields Div'
    - add 'width: 99%' to the e-mail form fields 'Input CSS'

    The last one because the E-mail form fields act differently on the front-end.

    Hope this helps!

  3. leejosepho
    Member
    Posted 1 year ago #

    Perfect. Many thanks.

    CSS style for form DIV: width:100%;
    ...
    CSS style inside form input fields: text-align:left; margin:0; width:95%;
    CSS style for form input fields DIV: text-align:left; width:95%;
    ...
  4. Mike Challis
    Member
    Plugin Author

    Posted 1 year ago #

  5. leejosepho
    Member
    Posted 1 year ago #

    Nice, and I am curious:

    Is there a reason for the 99% rather than width:100%? I have some other widgets that came preset at 100% to fill their assigned places, so that is why I had assumed the same here.

    Great plugin.

  6. Mike Challis
    Member
    Plugin Author

    Posted 1 year ago #

    IE 6 and 7 had a bug where width:100% can cause layout problems. Not that it really matters for those browsers much anymore. That is why I used 99%

    Mike

  7. leejosepho
    Member
    Posted 1 year ago #

    Many thanks...and I have made the try-to-cover-'em-all correction!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.