Website Support
Virtual Visit Request info Apply
MENUMENU
  • Resources
    • Publishing Help
      • Style Guide Index
      • Keyboard Shortcuts
      • Shortcodes
      • Web Writing Guide
    • Roles
      • Overview of Roles
      • Unit Web Coordinator
      • Site Steward
    • Policies & Procedures
  • Training
    • Training
      • How to become a WordPress user
      • Request a Sandbox Site
      • Sandbox requirements
      • Training schedule
    • Additional Training Opportunities
      • Siteimprove
      • UX/UI
  • About
    • News
    • Contact Us
  • FAQs
  • Submit a Support Request
  • IN
  • Web
  • 1 Column Layout

Academic unit site support

Digital Marketing Support 928-523-1741

Business unit site support

ServiceNow 928-523-1511

One column layout

Watch the Columns shortcode video

  • Overview Tab Open

  • How-To Tab Closed

  • Troubleshooting Tab Closed

Overview Accordion Open

Columns give you the chance to split your pages and display content in an appealing way. A one, or single, column layout is a great approach for a text-heavy page and/or when you want to add a small image like an author headshot, a logo, or a simple graphic to lend context to a paragraph of text.

Example 01: Block of text with left aligned image

This is a one column layout with a left-aligned image. The top of the text aligns with the top of the image.

In the mobile view, a left or right-aligned image will be positioned above the text.

When there’s more text content than the height of the image, the text will wrap to the left margin underneath the image, like this one does when we continue to add information such as with a longer article or similar text-heavy block of text.

Example 02: Block of text with center aligned image

This example shows how a block of text will appear with a center aligned image.

In the mobile view, a center-aligned image will be positioned between the paragraphs the same as in the desktop view.

How-To Accordion Closed

How to add a column

  • Use this approach with single column layouts only.
  • Use Small Square, Small Portrait, or Small Landscape image formats.
  • Align the image Left, Right, or Centered within the WordPress editor.
  • Enter your text

Troubleshooting Accordion Closed

Check the following list if your columns are not appearing as intended:

  • Ensure you specified the correct number of columns
  • Check the image ratios and sizes, and resize if necessary
  • Ensure that the text for your shortcode is complete, all brackets are present and the closing brackets contain a forward slash “/”.
Website support
Location
Building 54
Information Technology Services
1301 S. Knoles Drive
Flagstaff, AZ 86011
Mailing Address
PO Box 5100
Flagstaff, AZ 86011
Contact Form
Email
ask-its@nau.edu
Phone
928-523-3335