New to the community? Start here

Style Custom Form Widget

I’m not understanding how to customize the contact form widget with css. I want the message to be full width like the text boxes above, and to customize the look of the send button as well. Please help. I could not find a good answer in the widget question area.

http://www.ccsaintpaul.org/contact-test/

Tue, 4 Oct 2016 16:42:25
  • Vaughan
    • Ex Staff

    Hi Justin,

    Hope you’re well?

    Can you try the following CSS, add it to your theme style.css. Hopefully that should sort the textarea width for you.

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

    The plugin use the default wp .button class for the button itself,

    So you can set the style by adding style to .button

    .button { your style rules }

    Hope this helps