Title: Form plugin – highlight fields
Last modified: December 8, 2019

---

# Form plugin – highlight fields

 *  Resolved [scottmaui](https://wordpress.org/support/users/scottmaui/)
 * (@scottmaui)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/form-plugin-highlight-fields/)
 * This is related to my last question re Premium Listings…
 * In the Form extension, when someone is entering their directory listing, is there
   a way that I can highlight or differentiate fields? For example, have some fields
   show up as different colors? Or even just put an asterisk next to the field name?
 * Is this something that can be modified in the CSS?
 * The purpose would be to highlight which fields are part of a Premium Listing 
   versus just a Basic Listing.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fform-plugin-highlight-fields%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Steven](https://wordpress.org/support/users/shazahm1hotmailcom/)
 * (@shazahm1hotmailcom)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/form-plugin-highlight-fields/#post-12220124)
 * [@scottmaui](https://wordpress.org/support/users/scottmaui/)
 * **RE: Is this something that can be modified in the CSS?**
 * The output of Form has a lot of classes you can use to target custom CSS. You
   can use the browser inspector console to view the classes and write CSS selectors
   bases on those classes to change the CSS style (highlighting or even add asterisks).
 * I hope this helps!
 *  Thread Starter [scottmaui](https://wordpress.org/support/users/scottmaui/)
 * (@scottmaui)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/form-plugin-highlight-fields/#post-12293212)
 * Delayed followup to my question…
 * I’m finally getting around to trying to work on this, and I’m not where where
   to modify the form css. Although I’ve worked with CSS, I’m pretty novice when
   it comes to customizing WordPress.
 * Would you mind walking me through the steps in a little more detail?
 * For example, if I want the metabox for the Image field to be colored red, I see
   the div I’m looking for is:
 * <div id=”cn-metabox-metabox-image” class=”cn-metabox” style=”display: block”>
 * But where exactly do I go to edit the CSS for the Submit page? I can see where
   to edit the template, but not the form page.
 * And how do I edit the style so it is red only for some IDs (cn-metabox-metabox-
   image), but not for all of that class (cn-metabox)?
 * I would appreciate more instruction based on the assumption that I am not familiar
   with how to do much CSS editing!
 *  Plugin Author [Steven](https://wordpress.org/support/users/shazahm1hotmailcom/)
 * (@shazahm1hotmailcom)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/form-plugin-highlight-fields/#post-12297183)
 * **RE: I would appreciate more instruction based on the assumption that I am not
   familiar with how to do much CSS editing!**
 * Sorry, I can not really teach or instruction on how to do CSS editing, but here’s
   a quick example:
 *     ```
       #cn-form .cn-metabox#cn-metabox-metabox-image {
       	background: red;
       	border-color: red;
       	box-shadow: none;
       }
   
       #cn-form .cn-metabox#cn-metabox-metabox-image h3 {
       	background: red;
       	border-color: red;
       	box-shadow: none;
       	text-shadow: none;
       }
       ```
   
 * You can tweak as desired.
 * **RE: where exactly do I go to edit the CSS for the Submit page? I can see where
   to edit the template, but not the form page.**
 * Put the custom CSS in the **_theme’s_** custom CSS area found in the Customizer.
   Alternatively you can use a plugin which can output custom CSS. Many advanced
   theme’shave option to put custom CSS per page. There are many options available.
   there’s is nothing to edited _in_ the From addon itself.
 * Hope this helps!

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

The topic ‘Form plugin – highlight fields’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/connections_2b7e99.svg)
 * [Connections Business Directory](https://wordpress.org/plugins/connections/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/connections/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/connections/)
 * [Active Topics](https://wordpress.org/support/plugin/connections/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/connections/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/connections/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Steven](https://wordpress.org/support/users/shazahm1hotmailcom/)
 * Last activity: [6 years, 5 months ago](https://wordpress.org/support/topic/form-plugin-highlight-fields/#post-12297183)
 * Status: resolved