How to use the styling options built in to the e360 WYSIWYG ( 'What You See is What You Get' ) blog editor.





Create Your New Blog Post



Please see instructions in the How to Create a New Blog Post tutorial.





The WYSIWYG Editor



?name=media_1363215835964.png


In this tutorial, we are going to be looking at the Style drop-down menu, which is located in the WYSIWYG editor panel.





Copying and Pasting Text - Paste from Word



?name=media_1363216051813.png


  1. In your word document, select the text and copy it to the clipboard.
  2. Use the Paste from Word icon (see above - looks like a little clipboard with a 'W' in the bottom right-hand corner)


(Note: Sometimes content pasted from Microsoft Word will insert extra code that will make it harder for you to edit the text of your blog post later on. This is why it is important to use the Paste from Word button at the start - it strips out the unnecessary code for you.)





Paste Your Text from Word



?name=media_1363216713765.png


A new Pop-up window will appear labelled Paste from Word.




  1. Click in the text box and then use CTRL + V (or CMD + V on a mac) to paste the text you have copied from Word into the window.
  2. Click on the grey Paste button to insert the cleaned up text into your blog post.




Open the Style drop-down menu



?name=media_1363216015334.png


Click on the drop-down menu in-between the font color picker and the font font drop-down menu. You will see a range of options for styling the text you have just inserted.




  1. Style drop-down menu
  2. Font drop-down menu
  3. Font colour picker.





Styling Headings



?name=media_1363216231960.png


  1. Highlight the text you wish to make into a heading
  2. Click on style drop-down menu
  3. Choose your heading style - Heading 1 is the largest by default. (Unless this has been previously styled by the e360 team to match the look of your site template)




Styling Paragraphs



?name=media_1363216405680.png


  1. Highlight the text you wish to style as a paragraph.
  2. Click on style drop-down menu
  3. Choose Paragraph from the style drop-down menu.




Save Your Styled Blog Post



?name=media_1363223799119.png


Don't forget to save your post by clicking on the blue Update button when you have finished styling.