1. Getting Started
From the Admin bar at the top of your website, select System and then click Themes. Locate and click on Gumwood.
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.
This theme contains palettes, you will need to select one of the palettes to get started. The color selected is displayed to the right of the word palette.
Click the Customize link to begin modifing your palette choice. The Customize link will will be come a Change link allowing you to switch to a diferent palette.
The Gumwood theme has two color selector boxes
To change the background image 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.
The loaded background image can be cropped, for more information click here.
Below the carousel are four images with titles, descriptive words and are linked.
Images (Left Sub, Middle Left Sub, Middle Right Sub, and Right Sub)
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 Sub, Middle Left Sub, Middle Right Sub, and Right Sub)
The title boxes let you customize the titles.
Description Boxes (Left Sub, Middle Left Sub, Middle Right Sub, and Right Sub)
The description boxes allow you to modify the descriptions for each of the four image links.
Link Boxes (Left Sub, Middle Left Sub, Middle Right Sub, and Right Sub)
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.
The Carousel link will open to the List Carousel page which allows you to replace or change existing images for the set you chose to edit. Click here to learn more about the carousel.
Image size: 1200px x 460px
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 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 »4. Advanced Options
The Gumwood theme features additional options for three links within the header that can be modified and displayed at the top of every page of your website. Pictured below is the Gumwood theme with Teal palette in Desktop View with additional links.
From the Admin Bar at the top of your website, select System and then click Themes.
If Gumwood is listed in the Available Themes section then you will need to complete these steps:
- Select the Desert theme
- Click Preview & Customize
- Click on List from the Admin Bar at the top of your website to return to the list
Under the Preview & Customize button, click on the Advanced HTML Editor link.
Advanced HTML Editor
Click the top-nav.html link under the Partials section.
Here you will see five lines of code.
Here you will see five lines of code.
- Remove from the first line the first four characters: the lesser than sign, the exclamation point and the two dashes.
- In the fifth line, remove the last three characters: the two dashes and the last greater than sign at the end.
In lines two through four insert the URL (web addresses or article number). The pound sign or hash tag (#) is replaced by the web address or article number (article/15).
- 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)
Also in lines two through four replace the words "link one", "link two", and "link three" with descriptive wording.
- Click the Save button in the bottom right corner.
- Click on the Preview button and verify the links are . If the preview fails to load properly, review the changes.
DO NOT close the Edit Theme page until preview correctly displayes your website!