WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Jim Krenz
    Member
    Posted 10 months 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 10 months 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 10 months 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 10 months 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 10 months 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

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.