STEP 4 - Styles - XSitePro Website Design

Home Previous  Next

icon_xsp

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:

 

window_mobile_site_wizard_step4

 

 

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".

 

button_mobile_site_wizard_advanced_settings

 

 

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

 

mobile_site_advanced_settings_styles

 

 

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:

 

1.

Page Title

2.

Navigation Menu

3.

Main Page Text

4.

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