Create block quotes

To create block quotes on a page:

  1. Navigate to the page you wish to edit and then click on Edit
  2. Place your curser in the main content area where you'd like the quote to go, and then click on the Format tab in the WYSIWYG editor.

    click on format tab in WYSIWYG editor
  3. And select Formats > Blocks > Blockquote from the drop-down lists displayed.

    select formats blocks and blockquote
  4. Enter the desired text for your blockquote.  You'll see the text appears to be indented.


    enter text
  5. When you are finished entering the text, you'll need to add the details of the person who made the quote. To do this you'll need to edit the source code. To edit the source code, click on the source code icon in the WYSIWYG editor.

    click on source code icon
  6. Here you can see the text you added and the html tags that surround it.

    you can view the code
  7. There are two ways to add the name of the person who made the quote: (a) If you are placing the block quote on the home page for your site, you can edit the source code by changing the paragraph tags <p> and </p> to <h5> and </h5>.  You can add their name between the <em> and </em> tags so it will be displayed in italics. To create a em dash before the person's name you can add &#8212 just after <em> as shown below.  

    edit the code
  8. Or (b) If you are placing the block quote on any other page in your site, you can leave the paragraph tags as is <p> and </p>, add a new line and then enter the name of the person who made the quote between the <em> and </em> tags so it will be displayed in italics. To create a em dash before the person's name you can add &#8212 just after <em> as shown below.

    edit code
  9. When you are finished editing the source code, click OK.
  10. You will see that the blockquote has been added to the page. When you are finished editing, click on the ellipsis and then click on submit.

    image

  11. If you followed (a) under step 7 above to create a block quote for your home page, it will appear as follows.  Note the text for the quote is large.

    block quote added to home page
  12. If you followed (b) under step 8 above to create a block quote for any other page in your site, it will appear as follows.  Note the text for the quote is smaller.

    block quote added to main page