Knowledge Base Spruce
Help Center
back The theme that allows for gorgeous header images that change in a carousel. The carousel text is displayed on the image, and this is easily customized in the Carousel Manager. There are four sub links, and you can simply upload an image and the system will turn it into a circle for you. These images, titles and links are all editable in the Theme Customizer.

1. Getting Started
From the Admin bar at the top of your website, select System and then click Themes. Locate and click on Spruce.

If the theme is listed under the Available section you will only have the option to Preview & Customize it.

If the theme is listed under the Installed section you will also have the option to Set as Live Theme and Uninstall.
Select this button to see how the theme will look on your website and to customize to it. Note: This does not make the theme live.
Set this theme to be live for all visitors to see and experience immediately.
Select this button to discard all customizations and set the theme back to Available for the future.
2. Customize
  Color Selector
The Spruce theme has five color selector boxes
  1. Header Background Color changes the color of the background above the carousel.
  2. Body Background Color is for the body background color on every page.​
  3. Body Text Color changes the color of the text throughout the website.
  4. Headline Article Background Color changes the background color on article pages. To see the color click on a page that has the Article Template applied.
  5. Accent Color is responsible for the color of Links. 
  • To change any of these colors, click on the square color box. Select from the rainbow bar a general color and then in the larger shade box, select any shade of the color.  
  • Alternately, if you know the hexadecimal color code you can enter it in the box in the bottom right corner.  
  • Once you have a new color selected, click outside the color select area.

  Below the carousel are four images with titles and each area is linked. We recommend using a square image for the Left, Middle, and Right Sub Images.
Sub Images (Left, Middle and Right)
To change any of the images you can either drag and drop another image onto the existing image or use the Upload button. The Upload button lets you browse for an image from your computer. 
Crop Link - The loaded images can be cropped, for more information click here
Title Boxes (Left, Middle and Right)
The title boxes let you customize the Sub Titles (left, middle, and right).
  • Type any title you wish to change in the appropriate box.  
  • Click outside of the text box and the preview pane will refresh.
Link Boxes (Left, Middle and Right)
Link boxes allow you to change where a link is set to go to. You can change the sub links (left, middle, and right) to any page, module, or document on your site.          
  • Link to Page = article/x (x is the article number)
  • Link to Module = name.php (“name” should be replaced with the title of the module such as prayer.php, gallery.php, calendar.php, or podcastlist.php)
  • Link to a document = site/1/docs/file_name.pdf (in this example the "file_name.pdf" file was uploaded to the Docs folder).
The Carousel link will open to the List Carousel page which allows you to replace or change existing images for the set you choose to edit. Click here to learn more about the carousel.

Image size: 1500px x 425px

3. Update Preview - Cancel, Save, Publish
Click Update preview to see the changes and to gain access to the Cancel, Save, and Publish buttons.
Clicking this button will update the preview pane and will also reveal another set of buttons.
  If the theme is Not Live, the following buttons will appear.

If you made changes:

Cancel will abandon all changes and return to the list of installed and available themes.

Click Save to keep the changes to the theme and return to continue modifying the theme at a later time.

Click Publish if you made changes to the theme and want to publish it for the world to see your design.

If the theme is Published (theme is live and the world can see the design), the following buttons will appear.

Clicking on Cancel will abandon all changes and return to the list of installed and available themes.

Click Publish to apply the changes to the live theme.
If you added URL links in Internet Services, social media icons with links to these services will automatically appear on every page of your website. Learn More »