Trouble Changing Contact Form Text Area

  • Resolved peggyst

    (@peggyst)


    8 years, 2 months ago

    I cannot figure out what I am doing wrong here. I have tried several different methods to change the contact form text area width, but none of them seem to have any effect on my page.

    I’ve tried:

    .contact-form textarea !important {
    width:100%;
    }

    #contact-form-42 .contact-form text area {
    width:100%;
    }

    and many variations on that theme. I know it must be something really silly that I’m missing.

    I’m using a child theme and also Simple Custom CSS. Inspect indicates that the style is still being loaded from Jetpack css.

    Any ideas?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Ryan C.

    (@ryancowles)

    Hi there! It looks like you’re on the right track. In your first example, you’ll just need to move the !important to the same line as the declaration, like so:

    .contact-form textarea {
    width: 100% !important;
}

    Can you try giving that a shot? And if the issue persists, could you provide me with a link to the page in question? Then I’d be happy to investigate further. Thanks!

    Thread Starter peggyst

    (@peggyst)

    Yep. I knew it was going to be something silly! Worked like a charm.

    Thanks so much for pointing it out.

    Plugin Contributor Ryan C.

    (@ryancowles)

    I am glad to hear that the issue has been resolved! Please let us know if you experience any further trouble ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Trouble Changing Contact Form Text Area’ is closed to new replies.