Style Configuration

The MemberLink Configuration wizard enables you to define the ‘look and feel’ or the style of your MemberLink Web pages. There are two ways to define the style; you can use one of the six pre-defined styles for your Consumer Web site or modify your own cascading style sheet. When you configure the style of the pages, you are configuring the page color, fonts, and general look and feel of the page.

Use MemberLink style

— Indicates you are using one of the six pre-defined styles for your card login and profile/balance pages. Select from the following styles in the drop-down list:

• 2112	• Canyon
• Canyon	• Enterprise
• Classic	• Hemispheres

After selecting a style, click Preview to view an example. The example appears with your changes.

Use Custom Style

— Indicates you are modifying the sample CSS file. Writing your own style sheet affords you the most customization; however, you should be comfortable editing and modifying a CSS file. After modifying the style sheet, upload it to your hosting server, and type the URL to the CSS in the text box. To assist you with writing your style sheets, you can view an example style sheet with comments by clicking Download MemberLink .css file; located on the Welcome to the MemberLink Configuration screen.

Downloading the MemberLink CSS File

Click Download the MemberLink .css file to view an example CSS with comments. You can use this style sheet as a starting point to write your own style sheet. The example style sheet appears in a new window that you can copy into a text editor, such as Notepad,® and modify. After making your changes, save the style sheet with a .css extension and upload to your hosting Web server. You will then need to copy the location of the .css file into the ‘Use custom style’ text box. The following table contains a list and description of the css selectors:

CSS Selector	Description
.page	Defines the background for both the login and profile/balance Web pages.
.title	Defines the properties for the title text entered on the MemberLink Configuration wizard. This label appears on the top of both the login and profile/balance Web pages.
.instructions	Defines the properties for the instructional text entered on the MemberLink Configuration wizard. This label is ONLY available on the profile/balance Web page. The instructional text on the login page is hard-coded.
.fldLabel	Defines the properties for the profile field labels on the profile/balance Web page.
.fldData	Defines the properties for the profile field values and text boxes on the profile/balance Web pages.
.BPName	Defines the properties for the Bonus Plan name labels on the profile/balance Web pages.
.BPBalance	Defines the properties for the Bonus Plan balance labels on the profile/balance Web pages.
.homelink	Defines the properties for the home link text entered in the MemberLink Configuration wizard. This link is available on both the login and profile/balance Web pages.
.grpbox	Defines the properties for the group box text available on the profile/balance Web pages.
.asterisk	Defines the properties for the asterisk that denotes required profile fields available on the profile/balance Web pages.
.login	Defines the Submit and Login properties on the MemberLink login Web page.
.Stored ValueBalance_one	Defines the string that displays the current Stored Value balance for the card (above the transaction list), if the card only has Stored Value functionality.
.Stored Value Balance_both	Defines the string that displays the current Stored Value balance for the card (above the transaction list), if the card has Stored Value and Loyalty functionality.
.Txn_one	Defines the style for the transaction list column headers, if the card has either Stored Value or Loyalty functionality.
.Txn_both	Defines the style for the transaction list column headers, if the card has both Stored Value and Loyalty functionality
.TxnValues_one	Defines the style for the transaction list detail fields, if the card has either Stored Value or Loyalty functionality only.
.TxnValues_both	Defines the style of the transaction list detail fields, if the card has both Stored Value and Loyalty functionality.
.EditProfile	Defines the properties for the Edit Profile link text that appears on the Stored Value balance page.

Previewing your MemberLink Web Site

After selecting a style or modifying your CSS file, use the preview to view examples of the information a customer would see when checking Stored Value balances or Loyalty balances through MemberLink. A company licensed for Loyalty or Stored Value can only access their respective previews. A company licensed for both Loyalty and Stored Value can choose to view an Loyalty only preview, Stored Value only preview, or a combination of both.

Loyalty-only Preview

— Indicates an Loyalty-only preview of your MemberLink Web site appears when you select Preview. If you have a bonus plan that rewards a cardholder on a birth date or anniversary date, the system prevents them from changing the date every month to receive a reward. The Loyalty-only preview is an example of what a cardholder would see if they entered an Loyalty-only card number when accessing your MemberLink Web site.

Stored Value-only Preview

— Indicates an Stored Value-only preview of your MemberLink Web site appears when you select Preview. The Stored Value-only preview is an example of what a cardholder would see if they entered an Stored Value-only card number when accessing your MemberLink Web site.

Stored Value/Loyalty Preview

— Indicates an Stored Value/Loyalty preview of your MemberLink Web site appears when you select Preview. The Stored Value/Loyalty preview is an example of what a cardholder would see if they entered a combination Stored Value/Loyalty card number when accessing your MemberLink Web site.