Title: CSS For Contact Form
Last modified: August 31, 2016

---

# CSS For Contact Form

 *  Resolved [thundersbe](https://wordpress.org/support/users/thundersbe/)
 * (@thundersbe)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-for-contact-form-1/)
 * I downloaded the Very Simple Custom Style plugin. But I have no clue how to change
   the style.
 * Would someone please help me? I’d like for the form widget area to be light gray.
   I’d also like to change the titles above the fields to dark black.
 * FINALLY: I’d like to add instructions inside the message box that they add their
   phone number.
 * I’d sure appreciate the help. Thanks.
 * [https://wordpress.org/plugins/very-simple-contact-form/](https://wordpress.org/plugins/very-simple-contact-form/)

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

 *  Plugin Author [Guido](https://wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-for-contact-form-1/#post-6969176)
 * Hi,
 * First you should install a custom style plugin like [this](https://wordpress.org/plugins/very-simple-custom-style/)
   one. Never change plugin files.
 * While creating a page you can enter some text about a Phone number above the 
   shortcode. But when using the widget this will not work, because the shortcode
   is inside the widget.
 * The sidebar widget has class .vscf_sidebar
 * To change background of whole widget-form you should also add some padding otherwise
   it does not look nice:
 *     ```
       .vscf_sidebar #vscf {width:96%; padding:10px 2%; background:#eee;}
       ```
   
 * To change label color to for example black:
 *     ```
       .vscf_sidebar #vscf label {color:#000;}
       ```
   
 * Guido
 *  Plugin Author [Guido](https://wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-for-contact-form-1/#post-6969399)
 * Closing this because of no replies.
 * Guido

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

The topic ‘CSS For Contact Form’ is closed to new replies.

 * ![](https://ps.w.org/very-simple-contact-form/assets/icon-256x256.png?rev=1415751)
 * [VS Contact Form](https://wordpress.org/plugins/very-simple-contact-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/very-simple-contact-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/very-simple-contact-form/)
 * [Active Topics](https://wordpress.org/support/plugin/very-simple-contact-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/very-simple-contact-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/very-simple-contact-form/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [Guido](https://wordpress.org/support/users/guido07111975/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/css-for-contact-form-1/#post-6969399)
 * Status: resolved