The following is an example of how the look of the Foodie Bonanza My Training page can be customized with basic editing techniques.
My Training BEFORE
My Training AFTER
The Changes That Were Made and How They Were Done
Header Background Color
The background color was changed from white to pink. This change applies to the entire website and was covered in the Home Page guide.
Logo / Business Name
A graphic logo was added, replacing the Business Name text. This change also applies to the entire website and was covered in the Home Page guide.
Site Menu
The look of the site menu was changed using the Colors settings for Menu and Sub Menu. This change also applies to the entire website and was covered in the Home Page guide.
Background Image for Feature Container
The background image for the container was changed from the default Strawberry background to an image added by the user.
Default strawberry background
This is done by going into Edit Mode and selecting the blue edit icon for the Feature Container.
In the edit window, click on the image to change it.
Changing background image
Select the image from your File Manager, from the royalty-free stock images within the Content Manager, or upload your image directly from your computer.
When you have chosen your image, click ‘Accept’.
Selecting new image
Adjust how the image displays using the available settings. Click ‘Save’ to save your changes.
Settings for background image
New image set as background
Header Section
The look of the text for the page heading was changed. This was done by adjusting the look of Heading 1 format in the Style Settings under Typography.
Default text in Header container
Text in Heading 1 format
Adjusting the settings for Heading 1
Changed settings applied
Section 1
The text content was edited and the image was replaced.
The first section of text in Main was adjusted using the Text editor.
Default text
The text size was changed to size 18 by going to Formats>Font Size>18px.
Changing font size
A horizontal line was also added after the text.
Adding in of horizontal line
The color of the linked text was also changed. This is done using the Colors settings for Links in the Style Settings.
Adjusting color settings for Links
The second section of text in Main was adjusted as well.
The first line of text is using the Heading 3 format, with the size being adjusted to size 18 by going to Formats>Font Size>18px
Changing font size
The color settings for Heading 3 were adjusted in the Style Settings under Typography.
Adjusting the settings for Heading 3
The look of the rest of the text was adjusted using the Main Text settings under Typography.
Adjusting settings for Main Text
The image in Sidebar was also replaced.
Default image
This was done by going into Edit Mode and clicking on the image. In the edit window, select ‘Browse Images’ to select a new image from your File Manager.
Edit window for default image
When the new image is selected, click ‘Place This Image’ to save your changes.
New image selected
New image
Footer
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.