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.