stride :: Docs

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

Page Title Background

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

Footer Background

To change Footer Background: homepage -> gear icon -> custom attributes -> change the Footer Background 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

stride_menu
stride_collapsible
stride_collapsible_v2
stride_tree_menu
stride_arrow_list_menu

Conversation Block Custom Template

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

stride_core_conversation

FAQ Block Custom Templates

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

stride_faq_collapsible
stride_faq_scroll

Feature Block Custom Templates

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

stride_feature_horizontal
stride_feature_vertical

Form Block Custom Template

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

stride_form
stride_newsletter_form

Image Block Custom Templates

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

stride_icon_bottom_to_top
stride_icon_left_to_right
stride_icon_right_to_left
stride_icon_top_to_bottom
stride_icon_link_bottom_to_top
stride_icon_link_left_to_right
stride_icon_link_right_to_left
stride_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

stride_animate_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)

stride_3column_img_hover
stride_4column_carousel_list
stride_4column_list
stride_arrow_list
stride_card_list
stride_main_list
stride_name_list
stride_porfolio_list
stride_sidebar_list

Search Block Custom Template

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

stride_searchbar

Share This Page Block Custom Template

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

stride_share_this_page

Social Links Block Custom Templates

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

stride_social_icon_circle
stride_social_icon_flat
stride_social_icon_rounded
social_icon_links

Tags Block Custom Template

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

stride_tags

Call To Action Button

Simply add a class "btn-stride-ctm box md" on your <a>; or <button> tag.
Example:

<a href="#" class="btn-stride-ctm box md" >Test Button</a>

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

Docs