STEP 4 - Styles - XSitePro Website Design

Home Previous  Next


Brought to you by XSitePro Website Design Software

professional website design made easy      




When you arrive at the Step 4 tab, the screen will look like the one shown below:





Enable High Clarity Feature - To start with, all you need to do is decide whether or not you wish to use the "High Clarity" feature. This feature is designed to boost the readability of your page content (in a mobile web browser) by increasing the contrast of text against the page background, and by setting all links to one color and all headings text to another color to ease navigation.


By default, if this feature is activated, the following text settings are applied:


Page Title text: Red text (12pt Arial font)


Navigation Menu Text: Blue text (8pt Arial font)


Main Page Text: Black text (9pt Arial font)


Footer Text: Black text (8pt Arial font)



If you are happy with these defaults, you can simply check the "Enable HIGH CLARITY mobile web styles" check-box and proceed to the next step. However, if you wish to modify the default settings in any way (to change the colors, fonts or styles) simply click the button labeled 'Advanced Settings".





If you click the advanced settings button above, you will be taken to the following screen:





As you can see from the screenshot above, there are a number of basic font, size, color and style settings that can be modified for each of the four content sections:



Page Title


Navigation Menu


Main Page Text


Footer Text



To modify these settings, simply use the controls on the left side of the window. As you do so, you will notice the preview, on the right side of the window, updates to reflect the changes you have made.



Once you have made any changes you require, click the 'Next' button to move on to Step 5 of the Mobile Site Wizard.

Home  Previous  Next