Email Newsletter - It's FREE!

Helping small business owners solve their online problems. Get Online, Get Found, Get Support!

From the BlogSubscribe Now

How to Style the TinyMCE Visual Editor in WordPress

Youtube video embed in wordpress page or postWhen editing content in the TinyMCE editor, it would be nice for the text to look like it will once you publish the content.  In previous versions of WordPress, there was no easy way to do this.  You had to do some hacks to get the visual editor to display your style sheet.

Style the TinyMCE Visual Editor

To style the editor so your content in the dashboard looks like the content your publishing, you simply add the following to you functions.php file of your theme:


Email Newsletter

Get Updates, FREE!

Get tips on using WordPress for your business.
Get Online, Get Mobile, Get Found!

Media317 runs on the Genesis Framework

Genesis Framework

Genesis empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using StudioPress Genesis Theme Framework now!

Check out the incredible features and the selection of designs.
It's that simple - start using Genesis today!

About Alan Smith

Alan Smith is a web designer and web developer using WordPress as a CMS and the Genesis Framework. I am a devoted husband and father, a Christ Follower and a Georgia Bulldog Fan (Go SEC!)


  1. Jeff Larsen says:

    Worked perfect, tested it on two frameworks as well; my favorite which is Genesis and PL’s which a few of my sites are still on.

    • This was such a nice find. I was working on a site for a client and they were complaining how the editor and the published page were so different. This really has been a valuable addition to the WordPress codebase for me. I use it on my themes.

Speak Your Mind