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)
AUTONAV CUSTOM BLOCK TEMPLATES
Use an "Autonav" block then choose the desired template under custom template
SLIDESHOW CUSTOM BLOCK TEMPLATES
Use a "Slideshow" block then choose the desired template under custom template
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>
Max Rounded button:
Simply add a class "max-rounded" on your <a> tag. Ex. <a href="#" class="cta-button max-rounded">Test Button</a>
Minimum Rounded button:
Simply add a class "min-rounded" on your <a> tag. Ex. <a href="#" class="cta-button min-rounded">Test Button</a>
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>
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>
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>
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>