Q: How do I change the look of my site?

A:

Login to the backend of your site and navigate to the Layout tab.

The first thing you will see if a preview of the layout for your site. The left image shows the theme you are currently using and the right has the colors of your theme.

The default left navigation for the Layout tab is below.

Site Theme


A list of the currently available site themes is presented. Each theme includes a thumbnail preview (which when clicked can be viewed large), some notes about the theme and a button to let you select that theme.

Theme Images


You can add some images to predetermined places on the theme. Simple click the browse button and choose the image you want to upload. Once you have selected a file your image will start uploading immediately. A spinner should appear on the right to let you know that something is happening. If you do not see the spinner try your upload again.

Above each image is a recommended size in pixels for that image. If you upload an image bigger than allotted size it will show you a box to crop the image to the correct size. After you move the box to the desired area click the 'Save Crop' button below the image.

Preset Theme Colors


These are collections of colors that can be used to colorize your theme. We have some default ones created and you can add your own the the system. Simply click the button above a collection to use it.

Custom Theme Colors


Here you are able to take the colors from a preset and choose the exact color desired. If you click on the name of the color placeholder on the left a color picker will appear and allow you to select the color. If you know the hex color you can manually put it in on the right. Click 'Save' once you have selected the color you want.

Once you are happy with the colors you have chosen. You can click the 'Save Colors as Preset' button in the top right corner. Give the preset and name or replace an already existing theme.

Custom CSS


Our system allows you to override any CSS of your site. We run the code found in the box last allowing you to tinker away with your layout. In the example below I shifted the site slogan over a few pixels to make it line up correctly with my church name.
Other FAQs:
Can't find what your looking for?
Ask us a question so that we can add it here for future users.