TheBand Freeway Express Template

21st of July, 2015

Template overview

Master Page

There is one master page in this template. It’s made up of:

  • PageWrapper that contains all the items on each page.

  • An item HeaderWrapper that stretches the full width of the layout.

  • HeaderWrapper contains another full width item TopWrapper. This also contains:

  • A logo item Logo that contains the name of the template. This can be changed for anything else or replaced with a graphic.

  • A navigation menu CSSMenu.

  • An item Header, which contains a large image.

  • Two empty body items Body1 and Body2.

  • The body items are each contained inside a BodyWrapper items that stretch the full width of the window. They have no background color or image applied so the background image on PageWrapper can be seen.

  • A footer item Footer that has the same structure as the body items (including a wrapper FooterWrapper). The only difference is that the wrapper has a background color applied.

  • SocialIcons contains a selection of social media icons ready to connect to connect your site with the major social networks.

Home page

Aside from the master content, the home page contains an unequal two column layout in Body1. This is made up of:

  • ContentWrapper1 contains two rows of items Content1 and Content2

  • Content3 contains a video item (this can also be an image, or just be removed)

  • Content4 stretches the full width of Body2

  • Content5 through Content9 are five columns in a row.

Contact page

  • Body1 contains a set of form items that can be used to receive messages from your visitors.

The remaining pages contain items and content that’s largely the same as the items described above.

Editing the template

Navigation menu

To add new menu items to the navigation menu that appear on all the pages in the site, go to the Master page, double click the Menu item. Add the text you want to appear in the list of existing links. The position of the text in the list corresponds to the position of the menu item in the menu.

After adding menu items, preview the site in a browser to make sure they all fit in the menu.

Forms

The form on the contact page is controlled by the Send Form Action. To make it work you’ll need to enter the email address you want completed form to be delivered to in the Recipient Address field of the Actions palette (with the Form item selected).

Social icons

To edit the links in the social icons in the footer, open the Edit menu and select URLs. In the dialog that appears you can double click an existing URL to replace it with your personal one.

To remove any unwanted icons, select the icon you want to remove by clicking on it and press Delete. The other icons will automatically re-center.

Fonts

The fonts used in the site are Google Fonts Lato and Righteous. If you’d like to edit or add to these fonts, go to the Master page, open the HTML Markup dialog from the Page menu and select Before . Change the Google fonts line <link href=‘http://fonts.googleapis.com/css?family=Lato:300+700|Righteous' rel=‘stylesheet’ type=‘text/css>’ to the new value and update your font sets in the Font Sets dialog from the Edit menu.

To download the fonts and use them in Freeway, do the following:

  1. Click the link above and download icon (the down arrow in the top right of the page).
  2. Install the fonts.
  3. Restart Freeway.
  4. Open the Edit menu and select Font Sets.
  5. Change the Screen Font option of the Lato (Light) font set to Muli > Light,  and Righteous to Righteous.

Find out more about using web fonts in our Google Web Fonts article.

User Opinions

No users have voted.

How would you rate this answer?



Thank you for rating this answer.

Related Articles

No related articles were found.

Continue