Content Styles

This is intro size paragraph text, it is slightly bigger than the default paragraph size but otherwise the styles are the same.

How To  |  Style Guide  |  Content Styles  |  Accessibility Tips  |  Page Blocks

Pre-Title Example

Header 2 is Used for as the Title for Most Page Blocks

This is intro size paragraph text, it is slightly bigger than the default paragraph size but otherwise the styles are the same. It is set in the formats dropdown of the WYSIWYG editor. Here’s an example link in the intro paragraph.

Example paragraph text style. This is what your standard paragraphs will look like throughout the entire site. Certain areas may have special styles, but this is your standard copy size. Paragraph links are styled like this so that they are easy for users to find. You also have the ability to BOLD text as well as emphasize text. You can also insert links to download things in your content, Example Document Title (PDF), like this.

Here’s a horizontal rule:


Below this paragraph you’ll find examples of all the other styles you’ll have at your disposal. You also have a style guide page that lists all important information on image sizes, fonts, and colors. Here’s what a bulleted list looks like:

  • This is a bulleted list.
  • You can also do a numbered list (bullets will change to numbers).
  • You can also create lists inside of a list.
    • Just like this!
    • We highly encourage the use of lists to make your content easier for the user to scan and digest quickly.
  • Most users on the web are task-oriented, so the easier the better.
  • Long paragraphs can be cumbersome and intimidating. Be sure to remember the medium, and don’t write copy the same way you would for print!

Here’s another paragraph just as an example of what one would look like following a bulleted list, which can often occur in a page block, blog post, or student story.

Header 3 Example Text with Linked Text

It’s important to also mention that this is just a reference page. We would never encourage you to use all of these styles on one page, all at once. Rather, this is your guide to all things possible. This page is your point of reference for all the tools in your tool-box.

Header 4 Style can be Great for Callouts

Images can not only be attached using the sidebar feature on the right, but they can also be inserted into this WYSIWYG area. You have the ability to align an image to the right or the left, or insert an image that is the full width of the content area, having no text on the left or right of it.

Blockquotes can be used to call out quotes or cite important information. Applying the blockquote style to any piece of text will add the border on the left and indent the text. If your quote has an author to cite, you can add their name, optionally bold it, at the end and put an em dash before. This will make it look like a proper quote without the need for any special additional styles.

It’s also worth noting that the blockquote can be multiple paragraphs. It could contain bulleted lists, multiple headers, whatever is needed. Making text italic might also make sense, depending on the context.

Kurt Cruse

These interior styles are also available when creating content for other pages, like writing a blog post, a news article, etc. These same styles will apply to your headers and body copy. For the most part, the same can be said for any open content areas in the sidebar, home page, contact page, and so on.

Header 5 Style May be Needed in Blogs and Longer Format Content

We hope you’ll come back to this page when you’re working on new content, or editing existing content. Of course, if you have any questions along the way, use the Help button located in the top left of Mighty-Site to reference all of our help docs or contact support. Thanks so much and happy creating!

Same for Header 6, Likely Unnecessary for Page Blocks

You also have 2 calls to action available within your WYSIWYG content styles, a button and a CTA Link. Here’s an example button.

Example Button Style

And here’s an example CTA Link, which we also like to think of as a “button jr” as it’s a great way to draw more attention to a link that using a standard inline paragraph link. But it’s less important then a full-blown button.

CTA Link Example

Pre-Title Example

Header 2 is Used for as the Title for Most Page Blocks

This is intro size paragraph text, it is slightly bigger than the default paragraph size but otherwise the styles are the same. It is set in the formats dropdown of the WYSIWYG editor. Here’s an example link in the intro paragraph.

Example paragraph text style. This is what your standard paragraphs will look like throughout the entire site. Certain areas may have special styles, but this is your standard copy size. Paragraph links are styled like this so that they are easy for users to find. You also have the ability to BOLD text as well as emphasize text. You can also insert links to download things in your content, Example Document Title (PDF), like this.

Here’s a horizontal rule:


Below this paragraph you’ll find examples of all the other styles you’ll have at your disposal. You also have a style guide page that lists all important information on image sizes, fonts, and colors. Here’s what a bulleted list looks like:

  • This is a bulleted list.
  • You can also do a numbered list (bullets will change to numbers).
  • You can also create lists inside of a list.
    • Just like this!
    • We highly encourage the use of lists to make your content easier for the user to scan and digest quickly.
  • Most users on the web are task-oriented, so the easier the better.
  • Long paragraphs can be cumbersome and intimidating. Be sure to remember the medium, and don’t write copy the same way you would for print!

Here’s another paragraph just as an example of what one would look like following a bulleted list, which can often occur in a page block, blog post, or student story.

Header 3 Example Text with Linked Text

It’s important to also mention that this is just a reference page. We would never encourage you to use all of these styles on one page, all at once. Rather, this is your guide to all things possible. This page is your point of reference for all the tools in your tool-box.

Header 4 Style can be Great for Callouts

Images can not only be attached using the sidebar feature on the right, but they can also be inserted into this WYSIWYG area. You have the ability to align an image to the right or the left, or insert an image that is the full width of the content area, having no text on the left or right of it.

Blockquotes can be used to call out quotes or cite important information. Applying the blockquote style to any piece of text will add the border on the left and indent the text. If your quote has an author to cite, you can add their name, optionally bold it, at the end and put an em dash before. This will make it look like a proper quote without the need for any special additional styles.

It’s also worth noting that the blockquote can be multiple paragraphs. It could contain bulleted lists, multiple headers, whatever is needed. Making text italic might also make sense, depending on the context.

Kurt Cruse

These interior styles are also available when creating content for other pages, like writing a blog post, a news article, etc. These same styles will apply to your headers and body copy. For the most part, the same can be said for any open content areas in the sidebar, home page, contact page, and so on.

Header 5 Style May be Needed in Blogs and Longer Format Content

We hope you’ll come back to this page when you’re working on new content, or editing existing content. Of course, if you have any questions along the way, use the Help button located in the top left of Mighty-Site to reference all of our help docs or contact support. Thanks so much and happy creating!

Same for Header 6, Likely Unnecessary for Page Blocks

You also have 2 calls to action available within your WYSIWYG content styles, a button and a CTA Link. Here’s an example button.

Example Button Style

And here’s an example CTA Link, which we also like to think of as a “button jr” as it’s a great way to draw more attention to a link that using a standard inline paragraph link. But it’s less important then a full-blown button.

CTA Link Example

Pre-Title Example

Header 2 is Used for as the Title for Most Page Blocks

This is intro size paragraph text, it is slightly bigger than the default paragraph size but otherwise the styles are the same. It is set in the formats dropdown of the WYSIWYG editor. Here’s an example link in the intro paragraph.

Example paragraph text style. This is what your standard paragraphs will look like throughout the entire site. Certain areas may have special styles, but this is your standard copy size. Paragraph links are styled like this so that they are easy for users to find. You also have the ability to BOLD text as well as emphasize text. You can also insert links to download things in your content, Example Document Title (PDF), like this.

Here’s a horizontal rule:


Below this paragraph you’ll find examples of all the other styles you’ll have at your disposal. You also have a style guide page that lists all important information on image sizes, fonts, and colors. Here’s what a bulleted list looks like:

  • This is a bulleted list.
  • You can also do a numbered list (bullets will change to numbers).
  • You can also create lists inside of a list.
    • Just like this!
    • We highly encourage the use of lists to make your content easier for the user to scan and digest quickly.
  • Most users on the web are task-oriented, so the easier the better.
  • Long paragraphs can be cumbersome and intimidating. Be sure to remember the medium, and don’t write copy the same way you would for print!

Here’s another paragraph just as an example of what one would look like following a bulleted list, which can often occur in a page block, blog post, or student story.

Header 3 Example Text with Linked Text

It’s important to also mention that this is just a reference page. We would never encourage you to use all of these styles on one page, all at once. Rather, this is your guide to all things possible. This page is your point of reference for all the tools in your tool-box.

Header 4 Style can be Great for Callouts

Images can not only be attached using the sidebar feature on the right, but they can also be inserted into this WYSIWYG area. You have the ability to align an image to the right or the left, or insert an image that is the full width of the content area, having no text on the left or right of it.

Blockquotes can be used to call out quotes or cite important information. Applying the blockquote style to any piece of text will add the border on the left and indent the text. If your quote has an author to cite, you can add their name, optionally bold it, at the end and put an em dash before. This will make it look like a proper quote without the need for any special additional styles.

It’s also worth noting that the blockquote can be multiple paragraphs. It could contain bulleted lists, multiple headers, whatever is needed. Making text italic might also make sense, depending on the context.

Kurt Cruse

These interior styles are also available when creating content for other pages, like writing a blog post, a news article, etc. These same styles will apply to your headers and body copy. For the most part, the same can be said for any open content areas in the sidebar, home page, contact page, and so on.

Header 5 Style May be Needed in Blogs and Longer Format Content

We hope you’ll come back to this page when you’re working on new content, or editing existing content. Of course, if you have any questions along the way, use the Help button located in the top left of Mighty-Site to reference all of our help docs or contact support. Thanks so much and happy creating!

Same for Header 6, Likely Unnecessary for Page Blocks

You also have 2 calls to action available within your WYSIWYG content styles, a button and a CTA Link. Here’s an example button.

Example Button Style

And here’s an example CTA Link, which we also like to think of as a “button jr” as it’s a great way to draw more attention to a link that using a standard inline paragraph link. But it’s less important then a full-blown button.

CTA Link Example

Pre-Title Example

Header 2 is Used for as the Title for Most Page Blocks

This is intro size paragraph text, it is slightly bigger than the default paragraph size but otherwise the styles are the same. It is set in the formats dropdown of the WYSIWYG editor. Here’s an example link in the intro paragraph.

Example paragraph text style. This is what your standard paragraphs will look like throughout the entire site. Certain areas may have special styles, but this is your standard copy size. Paragraph links are styled like this so that they are easy for users to find. You also have the ability to BOLD text as well as emphasize text. You can also insert links to download things in your content, Example Document Title (PDF), like this.

Here’s a horizontal rule:


Below this paragraph you’ll find examples of all the other styles you’ll have at your disposal. You also have a style guide page that lists all important information on image sizes, fonts, and colors. Here’s what a bulleted list looks like:

  • This is a bulleted list.
  • You can also do a numbered list (bullets will change to numbers).
  • You can also create lists inside of a list.
    • Just like this!
    • We highly encourage the use of lists to make your content easier for the user to scan and digest quickly.
  • Most users on the web are task-oriented, so the easier the better.
  • Long paragraphs can be cumbersome and intimidating. Be sure to remember the medium, and don’t write copy the same way you would for print!

Here’s another paragraph just as an example of what one would look like following a bulleted list, which can often occur in a page block, blog post, or student story.

Header 3 Example Text with Linked Text

It’s important to also mention that this is just a reference page. We would never encourage you to use all of these styles on one page, all at once. Rather, this is your guide to all things possible. This page is your point of reference for all the tools in your tool-box.

Header 4 Style can be Great for Callouts

Images can not only be attached using the sidebar feature on the right, but they can also be inserted into this WYSIWYG area. You have the ability to align an image to the right or the left, or insert an image that is the full width of the content area, having no text on the left or right of it.

Blockquotes can be used to call out quotes or cite important information. Applying the blockquote style to any piece of text will add the border on the left and indent the text. If your quote has an author to cite, you can add their name, optionally bold it, at the end and put an em dash before. This will make it look like a proper quote without the need for any special additional styles.

It’s also worth noting that the blockquote can be multiple paragraphs. It could contain bulleted lists, multiple headers, whatever is needed. Making text italic might also make sense, depending on the context.

Kurt Cruse

These interior styles are also available when creating content for other pages, like writing a blog post, a news article, etc. These same styles will apply to your headers and body copy. For the most part, the same can be said for any open content areas in the sidebar, home page, contact page, and so on.

Header 5 Style May be Needed in Blogs and Longer Format Content

We hope you’ll come back to this page when you’re working on new content, or editing existing content. Of course, if you have any questions along the way, use the Help button located in the top left of Mighty-Site to reference all of our help docs or contact support. Thanks so much and happy creating!

Same for Header 6, Likely Unnecessary for Page Blocks

You also have 2 calls to action available within your WYSIWYG content styles, a button and a CTA Link. Here’s an example button.

Example Button Style

And here’s an example CTA Link, which we also like to think of as a “button jr” as it’s a great way to draw more attention to a link that using a standard inline paragraph link. But it’s less important then a full-blown button.

CTA Link Example