• Resolved mrwizard64

    (@mrwizard64)


    Hi,
    I looked through all of the code and nothing really seems to stick out. I’m trying to put contact form seven in my sidebar but the message submission box is about 60 px too big… the other fields are probably about 20. I would love to know where the div tag is that determines their size so that I can shrink these bad boys down a little bit. Any help would be much appreciated. To see what I’m going through, feel free to check out the page at http://www.njpersonaltraining.org/?page_id=75. Thanks very much for your time.
    –Travis

Viewing 11 replies - 1 through 11 (of 11 total)
  • Try adding something like:

    #wpcf7-f1-w2-o1 textarea {width:250px;}

    to the theme’s stylesheet.

    Thread Starter mrwizard64

    (@mrwizard64)

    I put that at the bottom of:
    contact-form-7/admin/styles.css
    and it did not work 🙁

    No – add it to the bottom of your theme’s style.css file.

    Thread Starter mrwizard64

    (@mrwizard64)

    Yesss!!!! You are awesome!!! I might be asking alot, but do you have any idea how I would do the same for the other input areas in the form? Thanks again for your help with the previous issue 😉

    #wpcf7-f1-w2-o1 input[type=text] should allow you to style the text inputs. #wpcf7-f1-w2-o1 input[type=submit] should let you style the submit button.

    Thread Starter mrwizard64

    (@mrwizard64)

    So how were you able to isolate the larger text input ‘your message’ area, as opposed to the ‘name’, ’email’, or ‘subject’ text boxes?

    The large box is a textarea as opposed to an input tag.

    Thread Starter mrwizard64

    (@mrwizard64)

    Thank you so much! You’re awesome

    Glad I could help 🙂

    Thread Starter mrwizard64

    (@mrwizard64)

    Hey esmi!

    Something happened that screwed up my contact form resizing. You can clearly see this at:

    http://www.njpersonaltraining.org/testimonials/

    In the sidebar to the right.

    I was editing the stylesheet and I must have changed a little bit of the code at the bottom which changed this form. Here is what I have at the bottom of the sheet that USED to work!

    #wpcf7-f1-w2-o1 input {width:265px;}
    #wpcf7-f1-w2-o1 textarea {width:265px;}

    On a sidenote, I don’t have any saved “revisions” at the bottom of my editor in appearance. I should be able to just go back and hit an autosave but I can’t. Why have I lost my perfectly sized text boxes and even though all of the “screen options” boxes are checked, why do I have no revisions?

    Thanks for your time!

    Thread Starter mrwizard64

    (@mrwizard64)

    It fixed itself… I’m perplexed

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How to resize the submission boxes in Contact form 7’ is closed to new replies.