Support and Documentation

How to customize a theme
  1. From the Navigation Menu, select Admin > Themes.

  2. Under Themes, click the theme to which you want to apply overrides.

  3. Toward the right of the widget, select |mi-more_horiz| > Overrides. A widget appears.

  4. Expand Localization and do the following:

  5. Click |mi-more_horiz|. A form appears..

    1. Under Locale, set the locale language.

    2. Under Localizations, click |mi-more_horiz|. A form appears..

      1. Under Name, enter a name for the localization.

      2. Under Entries, click |mi-more_horiz|. A form appears..

        1. Under Key, enter a localization entry key.

        2. Under Value, enter a localization entry value.

  6. Expand Brand Colors and do the following:

    1. Under Primary Color, set a primary color.

    2. Under Secondary Color, set a secondary color.

  7. Expand Text Colors and do the following:

    1. Under Primary Text Color, set a primary text color.

    2. Under Secondary Text Color, set a secondary text color.

    3. Under Inverse Text Color, set an inverse text color.

    4. Under Link Color, set a link color.

    5. Under Link Hover Color, set a link hover color.

  8. Expand Colors and do the following:

    1. Under Site Background Color, set a site background color.

    2. Under Background Color, set a background color.

    3. Under Border Color, set a border color.

  9. Expand Header and do the following:

    1. Under Header Style, choose a default header desktop style.

      1. Tall

      2. Short

      3. Tall, short on scroll

    2. Under Header Background Color, set a header background color.

    3. Under Header Text Color, set a header text color.

    4. Under Sticky Header?, determine whether the header is sticky.

    5. Under Header Navigation Alignment? (Desktop), choose which side the navigation is aligned to.

      1. Right (Default)

      2. Left

    6. Under Allow overflow of nav items into 'More' dropdown?, determine whether navigation items can overflow into a "More" dropdown.

  10. Expand Footer and do the following:

    1. Under Footer Background Color, set a background color for the footer.

    2. Under Footer Text Color, set the text color for the footer.

    3. Under Footer Link Text Color, set the text color of links in the footer.

  11. Expand Buttons and do the following:

    1. Under Button Border Width, determine the width for buttons.

    2. Under Primary Button Background, set the color of the primary button background.

    3. Under Primary Button Border Color, set the color of the primary button border.

    4. Under Primary Button Text Color, set the color of the primary button text.

    5. Under Secondary Button Background, set the color of the primary button background.

    6. Under Secondary Button Border Color, set the color of the secondary button border.

    7. Under Secondary Button Text Color, set the color of the secondary button text.

    8. Under White Button Background Color, set the background color of the white button.

    9. Under White Button Border Color, set the border color of the white button.

    10. Under White Button Text Color, set the text color of the white button.

  12. Expand Fonts and do the following:

    1. Under Primary Headline, set the font of the primary headline.

    2. Under Body, set the font of the body.

  13. Expand Layout and do the following:

    1. Under Gap, set the spacing from which all site spacing is based.

    2. Under Container Max Width, set the maximum content width.

    3. Under Container Narrow Width, set the maximum width for the narrow container.

  14. Expand Module Defaults and do the following:

    1. Under Corner Style, determine whether Button/Module corners are hard or soft.

  15. Expand Icons and do the following:

    1. Under Checklist Icon, click to overwrite the icon of checklist items.

      1. None

      2. Image. A form appears..

        1. Under Image, click (Required). A content picker appears.

          1. Click Search to find a web image.

          2. Create new web image. See How to make a web image.

  16. Click Save.