How to resize contact form text field

  • How do I resize the ‘message’ text field to be the same width as the other
    text fields, and also make them all centered in the box?

    • This topic was modified 4 years, 11 months ago by night4shadow1.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hallo ??

    In the future, please include the actual page under “The page I need help with”, not your homepage. It just makes it easier to help.

    It seems like the actual problem is that the other three fields on your contact form are not responsive (you’ll see it overruns the container when you view it from a mobile device).

    Try setting the wpcf7-form-control class with to something like 70% in the Additional CSS under Customizer under Appearance under /wp-admin/.
    That should cover all four inputs.

    Hello,

    => Put below CSS code into your stylesheet. It works, shown into the Screenshot, [https://prntscr.com/rivfz5]

    .page-id-14986 #msg form.wpcf7-form{text-align: center;}
.page-id-14986 #msg form.wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{width: 42%;}

    Thanks!

    Thread Starter night4shadow1

    (@night4shadow1)

    @carike

    I will keep that in mind next time I post, thanks

    Thread Starter night4shadow1

    (@night4shadow1)

    @aimsinfosofts

    It worked, thank you. it’s still a bit off on mobile though

    I have another question if you don’t mind. what can I do to remove that red
    box at the bottom?

    • This reply was modified 4 years, 11 months ago by night4shadow1.
    • This reply was modified 4 years, 11 months ago by night4shadow1.
    • This reply was modified 4 years, 11 months ago by night4shadow1.
    • This reply was modified 4 years, 11 months ago by night4shadow1.

    hello,

    @night4shadow1

    I can’t see any red box at the bottom. I think it’s removed from your side.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to resize contact form text field’ is closed to new replies.