As part of the customization that is possible with Checkout Manager, you can select basic visual customization options for page sections and sub-sections. You can use the Global Styles page in the Visual Customization module to select options. You can also choose to customize these elements further by uploading a custom CSS (cascading style sheet) file.
Figure 1: Example billing page with callouts for section and sub-section font type and color, background and border.
To customize your sections and sub-sections:
- From the Checkout Manager main page, click the "Visual Customization" link.
- Click "Configurable Styles".
- Scroll down to the "Sections and Sub-sections" area.
- Select or enter options for the elements you wish to customize:
- Font:
- Type: select a font type for use in the section or sub-section header.
- Color: enter a hexadecimal color value (for example #0000FF for blue) or click the color picker link to select a color from a limited palette of colors for the font appearing in the section or sub-section header.
- Background: enter a hexadecimal color value (for example #0000FF for blue) or click the color picker link to select a color from a limited palette of colors for the background of the section or sub-section headers.
- Border: enter a hexadecimal color value (for example #0000FF for blue) or click the color picker link to select a color from a limited palette of colors for the border surrounding the section or sub-section.
- Click "Save" when finished or click "Preview" to save and view your changes.
- Return to the Store Manager and publish your changes when ready.