Title: CSS custom classes for fields
Last modified: August 22, 2016

---

# CSS custom classes for fields

 *  [groovefactory](https://wordpress.org/support/users/groovefactory/)
 * (@groovefactory)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-custom-classes-for-fields/)
 * I am running CCF 6.3 and I have the following issues…
 * 1. When in the admin, manage form, any value entered into either of the advanced
   field options, class name or placeholder text, are not saving to the db.
 * 2. When the CSS class name is added directly to the db via phpMyAdmin, those 
   values are not being echo’d to the front of the website.
 * Please help!
 * [https://wordpress.org/plugins/custom-contact-forms/](https://wordpress.org/plugins/custom-contact-forms/)

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

 *  Thread Starter [groovefactory](https://wordpress.org/support/users/groovefactory/)
 * (@groovefactory)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-custom-classes-for-fields/#post-5706036)
 * I also can not update other fields, like notification emails. The screen darkens
   for the ajax call, then lightens as if successful.
 * I am using Propulsion theme by Kriesi
 *  Thread Starter [groovefactory](https://wordpress.org/support/users/groovefactory/)
 * (@groovefactory)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-custom-classes-for-fields/#post-5706117)
 * When saving the manage form box in the admin, firebug says that I am getting 
   a ‘405 method not allowed’ error. It looks to be an error because of the PUT 
   instead of POST saving method. Thoughts?
 *  Plugin Author [Taylor Lovett](https://wordpress.org/support/users/tlovett1/)
 * (@tlovett1)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-custom-classes-for-fields/#post-5706179)
 * You most likely have a plugin conflict. Try deactivating other plugins and activate
   a default theme to diagnose.
 *  Thread Starter [groovefactory](https://wordpress.org/support/users/groovefactory/)
 * (@groovefactory)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-custom-classes-for-fields/#post-5706244)
 * Taylor, your response confuses me in … I am getting a server error with the PUT
   method. How that is a plugin conflict?
 *  Thread Starter [groovefactory](https://wordpress.org/support/users/groovefactory/)
 * (@groovefactory)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-custom-classes-for-fields/#post-5706248)
 * My apologies, I had to reconfigure my web server to accept PUT. It was not a 
   plugin conflict.
 * Maybe you can shed some light on the .left and .right classes in the CSS. At 
   first glance they appear to stack two form fields side-by-side. Is this the intent
   or are they used somewhere else within the forms?
 * (if they are meant to be used to allow fields to sit next to each other, how 
   are they supposed to be used, because adding them to the field itself places 
   the class in the wrong hierarchy for the CSS to work as written, it would need
   to be .ccf-form-wrapper .field.left without the space between field and the period
   for left, correct?)
 *  Plugin Author [Taylor Lovett](https://wordpress.org/support/users/tlovett1/)
 * (@tlovett1)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-custom-classes-for-fields/#post-5706298)
 * Hmmm, .left and .right are meant to force fields to sit next to each other. Can
   you link me to your form so I can see?
 *  Thread Starter [groovefactory](https://wordpress.org/support/users/groovefactory/)
 * (@groovefactory)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-custom-classes-for-fields/#post-5706299)
 * [Form is Here](http://www.allianttechnology.com/referral-program/)
 * I have written my own CSS for this form. You can disable it using Developer Toolbox
   Edit CSS, and comment out lines 205+ in custom.css
 * The fields with the classes are Referred Contact Name and Referred Contact Email:
 *     ```
       <div data-field-type="single-line-text" class=" field referredcontactname single-line-text field-3961 left field-required">
       			<label for="ccf_field_referredcontactname">
       				<span class="required">*</span>				Referred Contact Name			</label>
       			<input class=" field-input" required="" aria-required="true" name="ccf_field_referredcontactname" id="ccf_field_referredcontactname" placeholder="" value="" type="text">
       					</div>
   
       		<div data-field-type="single-line-text" class=" field referredcontactemail single-line-text field-3971 right ">
       			<label for="ccf_field_referredcontactemail">
       								Referred Contact Email			</label>
       			<input class=" field-input" name="ccf_field_referredcontactemail" id="ccf_field_referredcontactemail" placeholder="" value="" type="text">
       					</div>
       ```
   

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

The topic ‘CSS custom classes for fields’ is closed to new replies.

 * ![](https://ps.w.org/custom-contact-forms/assets/icon-256x256.png?rev=1067156)
 * [Custom Contact Forms](https://wordpress.org/plugins/custom-contact-forms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/custom-contact-forms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/custom-contact-forms/)
 * [Active Topics](https://wordpress.org/support/plugin/custom-contact-forms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/custom-contact-forms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/custom-contact-forms/reviews/)

## Tags

 * [admin](https://wordpress.org/support/topic-tag/admin/)
 * [classes](https://wordpress.org/support/topic-tag/classes/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * 7 replies
 * 2 participants
 * Last reply from: [groovefactory](https://wordpress.org/support/users/groovefactory/)
 * Last activity: [11 years, 2 months ago](https://wordpress.org/support/topic/css-custom-classes-for-fields/#post-5706299)
 * Status: not resolved