Adding and Styling Text

The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog.

When adding and editing content through the Joomla editor, you have access to tools much like a word processor. The Joomla editor toolbar sets at the top of the page while in editor view. Take a moment to get familiar with the editor toolbar by using your curser to hover over each tool. Hovering over a tool provides descriptive text on what action each tool will perform.

Adding text

There are two common ways for adding text on a page. You can either type the text into a textbox or copy it from an external document and paste into the Joomla editor. While copying and pasting text may save time, keep in mind that you may also copy over unwanted formatting from the source material that you don't need on your page.

Copy/Paste text

1. Open your document in Microsoft Word, Google Docs, etc.
2. Select the text you need and copy by using your keyboard shortcut for copying.
3. Paste the text into the Joomla editor using the Paste as Plain Text button.

Remove unwanted formatting

1. Once you have successfully pasted the text into the Joomla editor, highlight with your cursor everything that you just pasted.
2. Click the Remove Formatting button to remove any leftover formatting from Word. This will automatically revert your text into the consistent site font and remove any unwanted formatting that may have copied over.

Styling text

Now that you have the text that you want on your page, there are a few styling options that you can use to style text. For example, you can bold or italic text, make header text, or create ordered or unordered lists. Below are instructions on how to perform basic text styling tasks in Joomla.

Bold and Italic

This is a paragraph with some text. Let's identify how to make bold text and let's also identify how to give text emphasis with italics. Use the editor toolbar to apply the following styles:

• Bold text: select the word(s) you would like to bolden and click the bold button
• Italic text: select the word(s) you would like to give emphasis and click the italic button

Headings

Headings are used to categorize the related content below them. Think of headings like you would when writing a report. The largest heading is used at the top of the page. Sub headings are used in descending order by hierarchy. Just like you would never skip headings in a report, you would never skip headings on your webpage. Organize your content on a page by using the appropriate headings. Headers should never be used as a design element or promotion. Use the editor toolbar to apply the following styles:

• Select the text you would like to make into a heading
• Click the Format dropdown menu, and select Heading 2, Heading 3, Heading 4, Heading 5, or Heading 6
• Heading 1 is not available as an option as it is reserved for the page title

Header options within Joomla editor

Header visual (how it will appear) on your page

Here is a heading 2 (h2)

Here is a heading 3 (h3)

Here is a heading 4 (h4)

Here is a heading 5 (h5)

Here is a heading 6 (h6)

Lists

Lists are used to style content that you may be listing on your page. Below are three commonly used list types.

Follow these steps in order to create a list in Joomla like in the examples shown above:

1. Select the text you would like to be the first bullet point.
2. Click either the ordered list button or unordered list button to create your first list item.
3. Proceed creating additional list items just as you would in Word.
4. Press enter on your keyboard twice when you are done creating your list to close the list and reset the text to a normal line.

• one
• two
• three
  • four
  • five
  • six