Welcome to your public website hosted by OrgSync! The layout, design, and content of the website can be customized and updated from within your organization's portal.

About this Website

Making changes

This is the default template. It is meant to be simple so that you can get a website up and running quickly. If you would like to customize this template to match your own site, or do something more creative feel free, please be aware though that some HTML and CSS knowledge is required if you really want to make major changes. Otherwise, content updates and maintenance can be done via the page editor by someone with little to no HTML experience.

Enable the Website Builder

To access the Website Builder, it must first be turned on under Settings → Group Permissions by your group administrator.

Resetting the website

Your website can always be reset back to its default state (what you see before you) by going to Settings page and clicking Reset Website. Please be aware you lose all data, images, and files in the website builder when you do this.

Customizing This Website for Your Organization

Change Organization Name

First off, you most likely want to change the name in the header portion of the site where it says "Organization Name." This can be done by editing the code in the Header section, under Template Elements. Simply edit the text between the <h1> and </h1> tags.

Change Background Colors

You can also change the background colors of the header. Access the Files/CSS tab in the website builder and the only file (upon default setup of the site) is a stylesheet. Click edit to the right of stylesheet and a dropdown will show up with the CSS file.

To edit the organization banner, navigation bar and the page backgrounds, simply Ctrl+F for #org_title, #topnav or body, respectively. The colors are defined on the lines beginning with background, and can be changed simply by changing the six values between the # and ;.

Here is a color chart with some hex code examples. Alternatively, you may upload and use an image as a background.

For a further tutorial on CSS, check out this tutorial.

Editing Pages

Pages are maintained in the pages tab of the website builder. There are defaults established for you on creation of your website. This page, the index, has the title of home. The rest should be self-explanatory. To edit a page, simply click the edit button and you will access an editor with content editing tools, along with the ability to add OrgSync modules and access the source code directly.

Creating New Pages

You can also create new pages, and the name you give them will be the quick url used for linking purposes. By default, when you create a new page, it won't automatically show up in the main site navigation. To add a page to the navigation list, go to the Template Elements tab, and click on the edit button in the Header section.

Scroll down until you see a list of main navigation pages. Copy any line between <li> and </li> tags, change the http://samford.orgsync.com/org/sucr/404 to the quick url of the page you would like to link to. Lastly, change the title of the link, which appears between the <a ... > and </a> tags.

If you decide to stay with the default template, this will normally be the only section you'd edit.

Website Builder Help