Avenir 5.7 Documentation

INSTALLATION INSTRUCTIONS

1. Unzip this file in your site's packages/ directory.
2. Login to your site as an administrator.
3. Find the "Add Functionality" page in your dashboard.
4. Find this package in the list of packages awaiting installation.
5. Click the "install" button.

FULL SCREEN BACKGROUND

To enable Full Screen Background, Go to your home page go to gear icon custom attributes and select Background Slideshow in the bottom part. Then input the name of your File Set. (page settings -> attributes -> background slideshow)

PAGELIST CUSTOM BLOCK TEMPLATES

Use a "Page list" block then choose the desired template under design & custom template -> gear icon -> custom template

*Note: use thumbnail in custom attributes for the images (page settings -> attributes -> thumbnail)

  • Avenir Blog Index
  • Avenir Blog Index Thumbnail
  • Avenir Blog List Full Width (use custom attribute Full Width Blog Thumbnail)
  • Avenir Three Column Blog Index
  • Avenir Three Column Features
  • Avenir Four Column Blog Index
  • Avenir Four Column Feature
  • Avenir Carousel Portfolio
  • Avenir Footer Blog Index
AUTONAV CUSTOM BLOCK TEMPLATES

Use an "Autonav" block then choose the desired template under design & custom template -> gear icon -> custom template

  • Avenir Dropdown
  • Avenir Left Side Nav
  • Avenir Right Side Nav
  • Avenir Footer Nav
IMAGE SLIDER CUSTOM BLOCK TEMPLATES

Use a "Image Slider" block then choose the desired template under design & custom template -> gear icon -> custom template

  • Avenir Horizontal Slider
  • Avenir Vertical Slider
TESTIMONIAL CUSTOM BLOCK TEMPLATES

Use a "Testimonial" block then choose the desired template under design & custom template -> gear icon -> custom template

  • Avenir Testimonial
  • Avenir Testimonail v2
FEATURE CUSTOM BLOCK TEMPLATES

Use a "Feature" block then choose the desired template under design & custom template -> gear icon -> custom template

  • Avenir Feature
  HEADLINE AND BREADCRUMBS

To enable headline and breadcrumbs go to page settings -> attributes -> and check breadcrumbs (Yes)

THEME COLOR SCHEMES & CUSTOMIZABLE COLORS/ELEMENTS

For more information about theme color customization go to this document page.

CALL TO ACTION BUTTON

Simply add a class "cta-button" on your <a> tag. Ex. <a href="#" class="cta-button">Test Button</a>

Test Button