Title: Missing CSS in Front End Forms Using wp_editor
Last modified: June 23, 2018

---

# Missing CSS in Front End Forms Using wp_editor

 *  Resolved [cogdog](https://wordpress.org/support/users/cogdog/)
 * (@cogdog)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/missing-css-in-front-end-forms-using-wp_editor/)
 * I developed [a child theme](https://github.com/cogdog/dailyblank) where site 
   visitors submit content (saved as draft posts) via a front end form that uses
   wp_editor() for the textarea field.
 * There seems to be some CSS missing with the editor in Text mode when using the
   editor for Insert/Edit Link – the screen shots below show the differences between
   the editor on the front end of the site vs the dashboard. This happens on another
   theme with a different parent theme.
 * I’ve poured through the link boxes in the web inspector and there are numerous
   differences in styles applied within the Insert/Edit link box (it works fine 
   in visual editor mode).
 * To see this,
    1. go to the form at [http://daily.arganee.world/add/](http://daily.arganee.world/add/)
    2. Type some text, select, and click the link button
 * It should be obvious that the CSS is off; there is “Close” text off screen adjacent
   to the modal dismiss button in the bottom right; the text for the search overlaps
   the form elements.
 * Some screenshots to show the difference:
 * Link Editor on front end form [https://www.dropbox.com/s/vnt0jv5w8593yy1/wp-editor-front-end.jpg?dl=0](https://www.dropbox.com/s/vnt0jv5w8593yy1/wp-editor-front-end.jpg?dl=0)
   
   Link Editor on back end [https://www.dropbox.com/s/hf5p19izn1aj7zc/wp-editor-back-end.jpg?dl=0](https://www.dropbox.com/s/hf5p19izn1aj7zc/wp-editor-back-end.jpg?dl=0)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmissing-css-in-front-end-forms-using-wp_editor%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Gerry](https://wordpress.org/support/users/metamezzo/)
 * (@metamezzo)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/missing-css-in-front-end-forms-using-wp_editor/#post-10429074)
 * Some options you could try:
    - wp_enqueue_style ‘wp-admin’ as this StackOverflow answer suggests … [https://wordpress.stackexchange.com/questions/126601/how-to-use-wordpress-3-8-back-end-css-in-front-end](https://wordpress.stackexchange.com/questions/126601/how-to-use-wordpress-3-8-back-end-css-in-front-end),
      or
    - just get the CSS rules you need by inspecting the WP editor while in the WP
      admin screen, and then use these rules in your child theme CSS or place them
      in Appearance > Customize > Additional CSS
 *  Thread Starter [cogdog](https://wordpress.org/support/users/cogdog/)
 * (@cogdog)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/missing-css-in-front-end-forms-using-wp_editor/#post-10436749)
 * Thanks, enqueuing the admin styles for the one page using the form fixed most
   of it; some other style conflicts called for moving the top the search results
   box down a bit in custom CSS.
 * Not elegant, but at least better.

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

The topic ‘Missing CSS in Front End Forms Using wp_editor’ is closed to new replies.

## Tags

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [cogdog](https://wordpress.org/support/users/cogdog/)
 * Last activity: [7 years, 11 months ago](https://wordpress.org/support/topic/missing-css-in-front-end-forms-using-wp_editor/#post-10436749)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics