Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 27, 2015 at 2:40 pm #419285
    tmunz

    After the most recent update, all form fields stretch 100% of the page. I’d like to change them back to how they were to a smaller size. Looking through the forums I found the following recommended fix:

    #top input[type="text"] {
    width: auto;
}

    But that only changed some fields back to normal and left others still at 100% width.

    Any ideas?

    Thanks,
    Tom

    March 27, 2015 at 3:59 pm #419336
    Yigit

    Hi tmunz!

    Please edit your contact form element and adjust widths – http://i.imgur.com/jmD0zKS.png

    Cheers!
    Yigit

    March 27, 2015 at 4:03 pm #419342
    tmunz

    Hi Yigit,

    Sorry, I should have mentioned my forms are created using the Contact Form 7 plugin, so that is not an available option.

    Thanks,
    Tom

    March 27, 2015 at 4:14 pm #419365
    Yigit

    Hey!

    Can you please post the link to your website and a screenshot showing the changes you would like to make?

    Best regards,
    Yigit

    March 27, 2015 at 4:18 pm #419374
    tmunz
    This reply has been marked as private.
    March 27, 2015 at 4:25 pm #419382
    Yigit

    Hey!

    Please add following code to Quick CSS

    div#wpcf7-f2416-o1 {
  width: 50%;
}

    Best regards,
    Yigit

    March 27, 2015 at 4:30 pm #419386
    tmunz
    This reply has been marked as private.
    March 27, 2015 at 4:38 pm #419389
    Yigit

    Hey!

    Please use following code instead and it should work globally 

    .wpcf7 {
  width: 50%;
}

    Regards,
    Yigit

    March 27, 2015 at 4:59 pm #419409
    tmunz
    This reply has been marked as private.
    March 28, 2015 at 5:40 am #419725
    Rikard

    Hi!

    Great, glad you got it fixed :)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.