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.

LOGO

The Logo is set using content block.
*Note: It can also be set using "Image" custom block template under design & custom template -> gear icon -> custom template

datasouth_logo

MOBILE LOGO

To change Mobile Logo: homepage -> gear icon -> custom attributes -> change the Mobile Logo in the bottom part

FULL WIDTH BACKGROUND

To change Full Width Background: homepage -> gear icon -> custom attributes -> change the Image Background in the bottom part

PAGE THUMBNAIL

To change Page Thumbnail (which is being displayed when you use the pagelist custom block template): homepage -> gear icon -> custom attributes -> change the Datasouth Thumbnail in the bottom part. Do the same thing to every pages of the site.

PAGELIST CUSTOM BLOCK TEMPLATES

Use a "Page list" block, then choose the desired template under design & custom template -> gear icon -> custom template
*Note: Use Datasouth Thumbnail in custom attributes for the images (page settings -> attributes -> datasouth thumbnail)

datasouth_3column_hover_list
datasouth_4column
datasouth_letterbox
datasouth_main_list
datasouth_sidebar_list
datasouth_slide_item_list
datasouth_slide_itemv2_list
datasouth_thumbnail_grid

AUTONAV CUSTOM BLOCK TEMPLATES

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

datasouth_menu
datasouth_tree_menu
datasouth_collapsible
datasouth_collapsible_v2

FEATURE CUSTOM BLOCK TEMPLATES

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

datasouth_contact
datasouth_feature

FAQ CUSTOM BLOCK TEMPLATES

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

datasouth_faq_collapsible
datasouth_faq_collapsiblev2
datasouth_faq_scroll

IMAGE CUSTOM BLOCK TEMPLATES

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

datasouth_img_tint
datasouth_logo

IMAGE SLIDER CUSTOM BLOCK TEMPLATES

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

datasouth_animate_slider

SEARCH CUSTOM BLOCK TEMPLATES

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

datasouth_searchbar

SOCIAL LINKS CUSTOM BLOCK TEMPLATES

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

datasouth_social_links

CALL TO ACTION BUTTON

Simply add a class "btn btn-datasouth" on your <a> or <button> tag.
Example:

<a href="#" class="btn btn-datasouth">Test Button</a>

For more information about theme colour customisation, go to this document page: click here