Post has Weird Formatting or Spacing

If your post has weird formatting (text is a different size, color, etc. than you intended) or the spacing between paragraphs and images looks weird, you may have unwanted HTML in your post.

Even though you didn't add this HTML on purpose, you'll see it in your post when you switch to the Text editor.

The problematic HTML will look something like this:

<div class="styled-paragraph">Here is some example text within a div. The div came along for the ride when this text was copied from a Google Doc, D2L, or a website.</div>

HTML often comes along for the ride when you copy text from a source that appears in a browser. This includes Google Docs, D2L--basically, just about every website on the internet.

The HTML may inlcude tags that match CSS selectors in your site's style.css file (the file that controls the look of your site.) This is what causes the weird formatting and/or spacing in your post.

Fixing Weird Formatting and/or Spacing

These instructions will require you to add media (images, MP3s, etc.) to your post again.

1. In the Visual editor, select all of the content in your post. Note: You can click within the editor and press Command A (on keyboard) to select everything in the editor.

2. Copy the selected content.

3. With the content selected, press Delete (on keyboard) to delete the content of your post.

4. In the Visual editor toolbar, make sure the Toggle Toolbar button is selected. (You should see two rows of tools in the toolbar.)

5. Click the Paste as Text button in the Visual editor toolbar. Note: A warning box may appear. You can close this box.

6. Paste your copied text back into the Visual editor.

7. Add your media back into your post.

8. When finished, click Submit for Review or Publish.