The Word to HTML Visual Editor is able to customize CSS styles for specific HTML tags and allows you to add your own CSS classes that can be used to format your content.
You can add/paste custom CSS from your website if you want to style the content the same way as on your website.
In order to add your custom CSS you have to go to the Settings page:
h1 { color: blue }
p { padding: 20px 0 }
.redBoldStyle { color: red; font-weight: bold }
This is how you can have custom styles for tags in your Visual Editor content. In the example above you can set a blue color to all <h1> tags, custom padding for all <p> tags and add a custom class style called ‘redBoldStyle’ that styles are then available for your use under the Formats menu in Old editor or under icon shown below for the New Editor.
To apply the style in New Editor please select your content and click the Paragraph Style icon, and then click the style you want to apply.
To apply the style in Old Editor please select your content and click the Formats menu, and then click the style you want to apply.
Visual Editor will add the class to your selected content:
