WordPress.org

Forums

Contact Form Clean and Simple
[resolved] How do I make the fields larger? (5 posts)

  1. Jim Krenz
    Member
    Posted 1 year ago #

    Hello Meg,

    Thanks for the plugin. I installed it, and it seems to be working well.

    One question—how do I make the fields larger? They are a little small at the moment. In particular, I'd like to make the email and message fields wider.

    Jim

    http://wordpress.org/extend/plugins/clean-and-simple-contact-form-by-meg-nicholas/

  2. megnicholas
    Member
    Plugin Author

    Posted 1 year ago #

    Are you using the CSS that comes with it, i.e have you ticked the box at the bottom of the settings screen?

  3. Jim Krenz
    Member
    Posted 1 year ago #

    I have that box unchecked/un-ticked.

    If I tick the box, the fields get wider. Even with the box ticked, I would like the message field wider.

    Thoughts?

  4. megnicholas
    Member
    Plugin Author

    Posted 1 year ago #

    You could add some CSS to change the widths.
    If you use chrome or firefox browsers right click on the element and that should get you started on what CSS to add.

    For a much cleaner solution I could do some customisation for you, let me know.

  5. Jim Krenz
    Member
    Posted 1 year ago #

    Hi Meg,

    In bootstrap-forms.min.css, I found:

    .input-xlarge{width:270px;}

    and changed it to:

    .input-xlarge{width:400px;}

    And that is better, but it widens all of the fields.

    Have you thought about changing the message field to the .input-xxlarge class?

    In contact-form.view.php, for cf-Message, I changed

    textarea class="input-xlarge

    to:

    textarea class="input-xxxlarge

    And I am much happier now.

    Thanks!

    Jim

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form Clean and Simple
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.