How do I change my website's colour and graphics!
You can customize your website's general layout and colour scheme quickly and easily from Practice Jewel's Website Design section.
To create a new design, follow these steps...
![](https://public.mindzplay.com/images/tutorials/webdesign/signin.jpg)
2. Click on the Website Design
![](https://public.mindzplay.com/images/tutorials/webdesign/websitedesignicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/webdesign.jpg)
3. Click on the Add New button
![](https://public.mindzplay.com/images/tutorials/webdesign/addicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/addnew.jpg)
4.Enter a name for your theme .
![](https://public.mindzplay.com/images/tutorials/webdesign/nametemplate.jpg)
5. Mark your choice of desired layout and colour scheme .
![](https://public.mindzplay.com/images/tutorials/webdesign/selecttemplate.jpg)
6. Click the save button
![](https://public.mindzplay.com/images/tutorials/webdesign/saveicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/savetemplate.jpg)
7.Click the next button
![](https://public.mindzplay.com/images/tutorials/webdesign/nexticon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/selectnext.jpg)
8.Choose your header graphic and click the save button
![](https://public.mindzplay.com/images/tutorials/webdesign/saveicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/saveheader.jpg)
9. Then click the next button
![](https://public.mindzplay.com/images/tutorials/webdesign/nexticon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/headernext.jpg)
10. Choose your page header style, which will change your page header styles throughout your website.
![](https://public.mindzplay.com/images/tutorials/webdesign/selectpagehead.jpg)
11. Click the button
![](https://public.mindzplay.com/images/tutorials/webdesign/nexticon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/pageheadnext.jpg)
Note: There are more options available to customize your theme available after you save your theme and return to the edit screen.
To activate your new design, follow these steps...
![](https://public.mindzplay.com/images/tutorials/webdesign/signin.jpg)
2. Click on the Website Design
![](https://public.mindzplay.com/images/tutorials/webdesign/websitedesignicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/webdesign.jpg)
3. Click on the Activate button
![](https://public.mindzplay.com/images/tutorials/webdesign/activateicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/activatetemplate.jpg)
To edit your existing saved designs, follow these steps......
1. Log into your Massage manEdger website and click on the Website Design
![](https://public.mindzplay.com/images/tutorials/webdesign/websitedesignicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/webdesign.jpg)
2.Click on the edit icon
![](https://public.mindzplay.com/images/tutorials/webdesign/editicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/edittemplate.jpg)
Once you are inside the editor, there are many functions to help you customize your website.
Shell: From the Shell tab
![](https://public.mindzplay.com/images/tutorials/webdesign/shellicon.jpg)
and hitting the save button
![](https://public.mindzplay.com/images/tutorials/webdesign/saveicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/shell.jpg)
Graphic: From the Graphics tab
![](https://public.mindzplay.com/images/tutorials/webdesign/graphicicon.jpg)
the save button
![](https://public.mindzplay.com/images/tutorials/webdesign/saveicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/graphic.jpg)
Page: From the Page tab
![](https://public.mindzplay.com/images/tutorials/webdesign/pageicon.jpg)
Click here for a tutorial on how to customize your pages.
![](https://public.mindzplay.com/images/tutorials/webdesign/page.jpg)
Custom Colour: From the Custom Colour tab you can change the colours of your website.
You may change a colour for something by entering a hex code in the text box
![](https://public.mindzplay.com/images/tutorials/webdesign/customcolorpage.jpg)
or by the clicking the colour palette icon and moving the sliders.
![](https://public.mindzplay.com/images/tutorials/webdesign/customcolor.jpg)
Upload Logo: From the Upload Logo tab
![](https://public.mindzplay.com/images/tutorials/webdesign/uploadlogoicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/uploadlogopage.jpg)
Email Template: From the Email Template tab
![](https://public.mindzplay.com/images/tutorials/webdesign/emailtemplateicon.jpg)
Simply choose your desired template from the list and click the save button
![](https://public.mindzplay.com/images/tutorials/webdesign/saveicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/saveemailtemp.jpg)
When you are finished customizing your template, click the save button
![](https://public.mindzplay.com/images/tutorials/webdesign/saveicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/returnicon.jpg)
![](https://public.mindzplay.com/images/tutorials/webdesign/emailtemplatereturn.jpg)