Overview
The website Appearance submodule is where the outward appearance of a website can be configured. Here the menus, certain standard texts, theme, etc. can be chosen. In setting up a website, the editor will need to visit this submodule to make an adjustment or two.
How to
- Click on the Appearance submodule (this will open an interface on the right side of the screen)
- Click on the Tab(s) needed as detailed below
- There may be some variations between designs for what is visible on the tabs
Web > Appearance > Design
- Design:
- Design: this is locked when website is created
- Default layout: set only if layout is being overwritten
- Design Options:
- Variant: do not adjust after website is worked on!
- Appearance: best to leave alone
- Color theme: adjust as needed
- Typography theme: adjust only if needed
- Use Sabbath Column: turn on/off the 7th column
- Rounded elements: adds the ability to round the edges of certain elements
- Sans-serif headings: override default Serif font headings
- Default button variant: set the button variant to use, when button variant is not set
- Button label case: set the button text case
- Click on the Update button to save your changes.
Web > Appearance > Colors
- Colors: these are system colors. We recommend not altering. adjust only if needed.
Web > Appearance > Themes
- Custom themes: can create a custom theme with colors if needed
- Default themes: ALPS Color themes already available for the system
Web > Appearance > Header
- Set the fields as the design dictates
- Logo: set the logo for the website.
- Logo color (light): use this color when website is in light mode
- Logo color (dark): use this color when website is in dark mode
- Logo identifier: this is a text that appears under the logo
- Top menu: a menu appearing at the very top of the page
- Primary menu: the main navigation menu for the website/page
- Secondary menu: a menu of additional functions/utilities
- Drawer menu: the menu behind the 7th column
- Disable drawer toggle: hides the drawer toggle
- Drawer description: add text to be displayed in the drawer
- Click on the Update button to save your changes.
Web > Appearance > Footer
- Set the fields as the design dictates
- Footer logo: the logo to display in the footer
- Description: Information about
- Copyright: the copyright information for the website (date appended automatically to copyright field)
- Footer menu: add the menu created for displaying in the footer
- Footer social menu: add the menu of social media links created for displaying in the footer
- click "Update" button to save changes.
Web > Appearance > Social links
- For some designs the Social links tab will not be used
- Social links are used by the Hope design and Hope Courses. Click on the button, then add link to your channel
- Adventist design does not use the Social links tab
Additional Information
- Placeholder logos: https://www.adventist.design/downloads/logo/
to review 2025-12-14