WordPress.org

1. hellowoo
   Member
   Posted 8 months ago #

   is there a way to match the front end styles with the admin WYSIWYG? I tried some a long time ago but they were really convoluted and took a ton of set up. I want a simple solution that will just mimic background color font sizes/styles.

   any ideas?

2. Phil
   Member
   Posted 8 months ago #

   You could try editing colors-fresh.css in admin folder, but keep a copy as when you upgrade WP, you will need to restore it back again.

3. esmi
   Theme Diva & Forum Moderator
   Posted 8 months ago #

   No - don't edit colors-fresh.css. Create an editor-style.css file in your theme and enable it within your theme's functions.php by adding add_editor_style();.

4. hellowoo
   Member
   Posted 8 months ago #

   I was thinking something a bit more streamlined. if I change the template styles it would change the admin styles as well.

5. hellowoo
   Member
   Posted 8 months ago #

   esmi, this sounds a lot more promising.

6. esmi
   Theme Diva & Forum Moderator
   Posted 8 months ago #

   You'll find an example of an editor-style.css in the Twenty Eleven theme that might help you get started. I'd also suggest using Firefox with Firebug to help you build up your own theme's editor style.

7. hellowoo
   Member
   Posted 8 months ago #

   just tried it, this works perfect! much better than expected.

   I'm trying to change the background, I just inspected the element, but not sure if this is proper way of doing so. is this ok?

   #tinymce {
   	background: black;
   }

8. esmi
   Theme Diva & Forum Moderator
   Posted 8 months ago #

   I've not tried that. I've used something like:

   html .mceContentBody {
   	background:black;
   }

   for my editor-style.css files.

Reply

You must log in to post.