Search

Getting Started 2: Customizing Your Website

This article contains information on how to Customize Your Website using the Midphase Website Builder.

BEFORE YOU START: What's the difference between a theme and template?

The Midphase Website Builder uses a theme to define the general appearance of a site. A template is used to define the layout of each page in a site. Every Website Builder page has it's own template which is updated whenever you edit your page.

PART 1: Choosing a theme

?name=media_1342424726965.png

Click Themes to show the Theme Browser.

?name=media_1342424796348.png

Click any theme in the browser to preview it. To apply the theme to your site, click Select. To return to your original theme, click Cancel.

?name=media_1313355537981.png

Change the color scheme for a theme using the Theme Colors (1). Choose any color swatch to preview the color . Click anywhere on the page (2) to confirm the selection.

?name=media_1313355605048.png

Use the Font set panel to change the fonts used across your site.

PART 2: Editing a theme

A theme consists of a background and a collection of row and column styles. You can edit any of these to create a unique theme.

Theme background

?name=media_1313355626002.png

Click the background button (1) to see the Theme Background controls.

?name=media_1313355673064.png

You can create background using a solid color, an image or a gradation. If you use an image you can repeat horizontally, vertically or both.

Row styles

?name=Row_styles.png

To change the style applied to a row, click the row settings button (1) and then click on a style (2). Click the style editing button (3) to edit the column style. Use the style menu buttons (4) to add, duplicate or delete styles.

If you edit a style, the change will be applied everywhere that style is used. If you want to edit a style just in one place, create a copy of it and edit that.

Column styles

?name=Column_styles.png

Columns styles work the same way as row styles. Click the column settings button (1) to show the menu. Click on a style (2) to apply it . Click the style editing button (3) to edit the column style. Use the style menu buttons (4) to add, duplicate or delete styles.

Column structure

?name=Column_structure.png

To split a row into columns, click the row split icon (1) and select a column structure (2)

NEXT STEP: Optimize and publish your site

If you are now ready to share your site with the world, see Getting Started 3: Optimizing and Publishing your Website!

Last Updated: 26th of June, 2013     Article ID: 1015

Continue