This page will reference the default style guidelines ALL (with a few exceptions) pages on the Southwestern College website should follow. If you have questions about the website functionality or how to makes some of these changes, please reference the Vision Internet User Guide. 


Page headings should be used if your page has several sections of different content. You can easily add a heading by using the heading drop down menu. Highlight the text you want as your heading and select "Heading 2" or "Heading 3" from the menu (see screen-shot below). Heading 3 should only be used under or inside a Heading 2. Heading 2 will be used most often. Do not use Heading 1.

Below is an example of when to use headings.

How to use headings on the SWC Website

Below is a screen shot of the headings drop down menu. 

SWC Website editor headings drop down menu

Image alignment

Images in your pages should be left-aligned, or span the entire width of the page. Use the alignment function in the toolbar at the top of the content editing area.

Paragraph spacing

Be sure your paragraph spacing has one full line in-between each paragraph. Take a look at the paragraphs above as reference. The CMS will automatically use this spacing when you press the "return or "enter" button on your keyboard. 

Usage of calendar

Instead of creating additional pages for events, Consider using the calendar function. You can add calendar items by going to Advanced Components > Calendar > Add New.

Image and document descriptions

Even though the "Image Name" and "Image Description"  are required when uploading an image, it is very important to place relevant and informative text in these fields (see image below). Not only does this help with things like search engine indexing, but it puts the website in compliance with Section 508 standards that is state and federal law and required by the District.

Web Style Guides Image Name Description

Maximum Image Width

If you have multiple photos for a single page please keep in mind the maximum width for images in the standard page layout is 658 pixels. If you uploaded an image that was larger than 658 pixels, you can modify the image to fit. Once the image is placed on the page you are editing, right click the image and select "Properties." From there you will be able to edit the size of the image among other things. 

Last updated: 8/25/2016 8:47:27 AM