Ortho Theme 57

Installation Intructions

If you bought this theme through your dashboard go to step 2. Otherwise, unzip this file in your site's packages/ directory.
Login to your site as an administrator.
Find the "Add Functionality" page in your dashboard.
Find this package in the list of packages awaiting installation.
Click the "install" button.

Logo

The Logo is set using content block. It could also be set using image block.

Image Background

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

Footer Background

To change Footer Background: homepage ->gear icon ->custom attributes -> change the Footer Background in the bottom part

Mobile Search

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

Topmost Triple Colors

To change Topmost Triple Colors: homepage ->gear icon ->custom attributes -> change the Topmost Triple Colors in the bottom part

Autonav Block Custom Templates

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

ortho_arrow_list_menu
ortho_breadcrumb
ortho_caret_arrow_menu
ortho_collapsible
ortho_collapsible_v2
ortho_menu
ortho_tree_menu

Conversation Block Custom Template

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

ortho_core_conversation

FAQ Block Custom Templates

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

ortho_faq_collapsible
ortho_faq_scroll

Feature Block Custom Templates

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

ortho_circle_fill
ortho_circle_fill_vertical
ortho_circle_outline
ortho_circle_outline_vertical
ortho_feature_vertical
ortho_icon_text
ortho_feature_vertical_text_left

Form Block Custom Template

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

ortho_form
ortho_newsletter_form

Image Block Custom Templates

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

ortho_icon_link_bottom_to_top
ortho_icon_link_left_to_right
ortho_icon_link_right_to_left
ortho_icon_link_top_to_bottom

Image Slider Block Custom Templates

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

ortho_animate_slider
ortho_indent_content_slider
ortho_thumbnail_slider

Pagelist Block Custom Templates

Use a "Pagelist" 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)

ortho_3column_hoverv2_list
ortho_3column_img_hover
ortho_3column_list
ortho_4column_carousel_list
ortho_4column_list
ortho_caret_arrow_list
ortho_circle_arrow_list
ortho_main_list
ortho_sidebar_list
ortho_sidebarv2_list
ortho_slide_item_list
ortho_slide_itemv2_list

Search Block Custom Template

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

ortho_icon_inside
ortho_searchbar
ortho_mobile_search

Share This Page Block Custom Template

Use a "Share This Page" block, then choose the desired template under design & custom template=>gear icon=>custom template

ortho_share_this_page

Social Links Block Custom Templates

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

ortho_social_icon_circle
ortho_social_icon_flat
ortho_social_icon_rounded
ortho_social_links

Tags Block Custom Template

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

ortho_tags
ortho_tagsv2
ortho_tagsv3

Datasouth Custom Blocks and Its Custom Templates

ds_multiple_testimonial
- fourcolumn_about
- testimonial_slider
ds_schedinfo
- schedinfo_card
- schedinfo_justified

Call To Action Button

After adding a content block and adding some text, 'select text', make a link, click wand and choose one of the 'BUTTON STYLES' from dropdown.
Example generated from content block applied button styles:

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

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