The following is an example of how the look of the Forks + Spoons Contact page can be customized with basic editing techniques.
The Changes That Were Made and How They Were Done
Logo / Business Name
A graphic logo was added, replacing the Business Name text. This change applies to the entire website and was covered in the Home Page guide.
Text in Heading 1 format
Adjusting setting for Heading 1
Default Section 1
A background image was added to the Section1 content area. This is done by going into Edit mode and selecting the blue edit icon for Section1.
In the edit window, click on 'Add Background Image' to select an image from your File Manager, the royalty-free stock images found in the Content Manager, or upload your image directly from your computer.
When you have chosen your image, click ‘Accept’.
Selecting background image
Adjust how the image displays using the available settings.
Adjusting settings for background image
The Spacing tab was used to adjust the spacing within the container. Save your changes when finished.
Setting spacing for Section 1
In Main, the text areas were moved to Main 2 in Section 2. This was done by dragging and dropping the content in the new area.
Default text in Main
Text content moved to Main 2
Section 1 after changes
Text content in Main 2
Highlighting text to delete
Next, a new piece of text content was added to Main 2. This was done by dragging the Text element and placing between the existing pieces of text content.
Adding new text content
Edit the text as you see fit and Save changes.
Editing new text content
In Sidebar, a new image was added. This was done by dragging and placing the Image element into the content area.
When the element is placed, the edit window will open and prompt you to select and image from your File Manager.
Selecting an image from your File Manager
When you have chosen your image, the element suggests a size to use based on the original dimensions of the image and the size of the container the image is being placed in. Select 'Place This Image' to add it to the page.
Placing new image
A new text area was also added below the image in Sidebar. This is done by dragging and placing the Text element below the image in Sidebar and editing text using the Text editor.
Editing new text content
Section 2 after changes
The copyright information at the bottom of the page was updated to reflect the name of the business. This change also applies to the entire website and was covered in the Home Page guide.