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.

PAGELIST CUSTOM BLOCK TEMPLATES

Use a "Page list" block then choose  the desired template under custom template

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

  • Calyx Blog Index
  • Calyx Blog Index Thumbnail
  • Calyx Three Column Blog Index
  • Calyx Three Column Portfolio
  • Calyx Three Column Features
  • Calyx Four Column Blog Index
  • Calyx Four Column Portfolio
  • Calyx Four Column Feature
  • Calyx Carousel Portfolio
  • Calyx Footer Blog Index

AUTONAV CUSTOM BLOCK TEMPLATES

Use an "Autonav" block then choose  the desired template under custom template

  • Calyx Dropdown
  • Calyx Left Side Nav
  • Calyx Right Side Nav
  • Calyx Footer Nav

SLIDESHOW CUSTOM BLOCK TEMPLATES

Use a "Slideshow" block then choose  the desired template under custom template

  • Calyx Horizontal Slider
  • Calyx Vertical Slider

TWEETCRETE CUSTOM BLOCK

Download "Tweetcrete", use it and choose Calyx TweetCrete under custom template

FONT AWESOME

You can check the documentation on how to use FONT AWESOME click here.

HEADLINE AND BREADCRUMBS

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

THEME COLOR SCHEMES

Manually go to header.php file and uncomment lines for each color scheme and don't forget to comment out the current color scheme file.

CUSTOMIZABLE COLORS/ELEMENTS

Go to dashboard->themes->customize (theme that is used/activated)

CALL TO ACTION BUTTON

How to use:

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

Test Button

Max Rounded button:

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

Test Button

Minimum Rounded button:

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

Test Button

 

Choose 4 customizable colors 

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

Test Button

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

Test Button

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

Test Button

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

Test Button