Title: View custom css class changes in editor
Last modified: March 26, 2019

---

# View custom css class changes in editor

 *  [Øystein Thune](https://wordpress.org/support/users/thune/)
 * (@thune)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/view-custom-css-class-changes-in-editor/)
 * So if I have two colums and I want to have a background color in the first one
   I can do something like this in my child theme css (top-cols is a custom class).
 * .top-cols .wp-block-column:first-child {background-color: rgba(8,75,151, 0.7);}
 * But this color will not be visible in the editor, so it doesn’t look godd for
   the user when he is editing the page.
 * So I add something like this in the the functions.php to add my editor styles.
 * function is_css(){
    add_theme_support( ‘editor-styles’ ); add_editor_style( ‘
   style.css’ ); } add_action( ‘after_setup_theme’, ‘is_css’ );
 * This doesn’t help (no background-color). I can see some other changes adopted
   from my childtheme css (the font-color changed), but other gutenberg stuff doesn’t
   look right anymore.
 * So to make a true wysiwyg editor experince for the user….what’s the correct way
   to do this?
 * Øystein

Viewing 1 replies (of 1 total)

 *  [Birgit Pauli-Haack](https://wordpress.org/support/users/bph/)
 * (@bph)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/view-custom-css-class-changes-in-editor/#post-11375993)
 * The right action is actually `enqueue_block_editor_assets`.
    You can read up 
   about it in the [Theme Support section of the developer and designer handbook](https://github.com/WordPress/gutenberg/blob/f4b65e6f3d7b7557008a18863d571c51b1f3eacd/docs/designers-developers/developers/themes/theme-support.md)
 * Good luck!

Viewing 1 replies (of 1 total)

The topic ‘View custom css class changes in editor’ is closed to new replies.

 * ![](https://ps.w.org/gutenberg/assets/icon-256x256.jpg?rev=1776042)
 * [Gutenberg](https://wordpress.org/plugins/gutenberg/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/gutenberg/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/gutenberg/)
 * [Active Topics](https://wordpress.org/support/plugin/gutenberg/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gutenberg/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gutenberg/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Birgit Pauli-Haack](https://wordpress.org/support/users/bph/)
 * Last activity: [7 years, 1 month ago](https://wordpress.org/support/topic/view-custom-css-class-changes-in-editor/#post-11375993)
 * Status: not resolved