WordPress For Non-Techies

How to Add Custom Styles to WordPress Visual Editor

The WordPress visual editor comes with basic formatting options. Sometimes you may need custom styles of your own to add css buttons, content blocks, taglines, ect. In this video, we will show you how to add custom styles to the WordPress visual editor.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Text version of this tutorial:

Check us out on Facebook:

Follow us on Twitter:

Join our circle on Google+:

Checkout our website for more WordPress Tutorials

Summary of this Tutorial:

Start by installing and activating the TinyMCE Advanced Professional Formats and Styles plugin.

Then go to Settings, TinyMCE prof. Styles to configure the plugin.

You want to pick the directory to create the stylesheet it will use.

It will then allow you to create a new style option, you can create things like buttons and fill out the information for it.

Once finished save the settings and when you create a new post click on the format drop down to add the style you created.

Related Links:

TinyMCE Advanced Professional Formats and Styles



Mazi has nine years of web development experience with the past five years spent honing his skills with WordPress plugins and themes. He's an expert in WooCommerce and is the author of the Simple Sales Tax plugin, a popular sales tax compliance solution for WooCommerce. Brett understands the importance of excellent communication, prides himself on producing high-quality code, and is comfortable working solo or as part of a team.

Related Articles

Leave a Reply

Your email address will not be published.

Back to top button