Blog

How to Add Custom Styles to WordPress Visual Editor wp lifetime webs



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:
http://www.wpbeginner.com/wp-tutorials/how-to-add-custom-styles-to-wordpress-visual-editor/

Check us out on Facebook:
https://www.facebook.com/wpbeginner

Follow us on Twitter:
http://twitter.com/wpbeginner

Join our circle on Google+:
https://plus.google.com/+wpbeginner/

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/

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

http://wordpress.org/plugins/tinymce-and-tinymce-advanced-professsional-formats-and-styles/

source

5 Comments

  • Una Neary on May 19, 2015

    Thank you – very useful.

  • iAreBellz on May 20, 2015

    Very Useful indeed!

  • Suzanne Jamison on May 27, 2015

    I watched this three times and I still do not understand what to do to make these different styles.  Can you recommend something more basic?

  • German Gutierrez on February 11, 2016

    thanksssssssss!!!

  • Jamie Ross on April 7, 2016

    WP plugin repository says "This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress."
    Has anyone tested it with WP 4.4.2?

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

WEBFI NETWORK OFFICE HOURS 

Mon-Sun from 8:00 am /4:00 pm USA-ET

WhatsApp us

Small Business – WordPress – CPanel – Hosting

© Webfinet Affordable Private Small Business Solutions All Rights Reserved 2021 - Powered By Marquez.Group
error: WEBFINET SECURITY IS ON